Nieuws:

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: [opgelost[html/javascript]OnCLick probleem  (gelezen 1310 keer)

[opgelost[html/javascript]OnCLick probleem
« Gepost op: 2010/12/26, 17:03:24 »
Beste forumleden,

Ik heb een probleem met html en javascript.
Het is de bedoeling dat het dingen controleert om daarna een melding te geven.
Voor alle duidelijkheid, het is een opdracht die een kennis mij gaf om javascript en html te begrijpen/leren.

De code:

index.html
<html>
<head>
<script type='text/javascript' src='hello.js'></script>
<title></title>
</head>
<body>
<form name='login'>
Gebruikersnaam <input type='text' name='username'>
Wachtwoord <input type='password' name='password'>
<input type='button' value='Login' Onclick='check()'>
</form>
</body>
</html>
hello.js
function check() {
var form;
form = document.login;
var naam;
naam = form.username;
var ww;
ww = form.password;
//prompt("wat is je wachtwoord?", "wachtwoord");
if (naam.toLowerCase() == 'gijs' && ww == 'GAS1gas' || naam.toLowerCase() == 'johannes' && ww == 'boothbabe' || naam.toLowerCase() == 'logan' && ww == '3Qur811' ) {
alert ("hallo " + naam.toLowerCase());
}
else {
alert ("je hebt een verkeerd wachtwoord ingevoerd of je bent niet geregistreerd");
}
}

Er gebeurt helemaal niks als je op de button klikt.
« Laatst bewerkt op: 2010/12/27, 09:33:05 door Linuxwindowsfan »

Re: [html/javascript]OnCLick probleem
« Reactie #1 Gepost op: 2010/12/26, 18:40:08 »
in je javascript:
var form;
form = document.login;
var naam;
naam = form.username;
var ww;
ww = form.password;

vervangen door:
var naam = document.login.elements["username"].value;
var ww = document.login.elements["password"].value;
« Laatst bewerkt op: 2010/12/26, 18:42:23 door EricDrijv »
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Re: [html/javascript]OnCLick probleem
« Reactie #2 Gepost op: 2010/12/26, 18:46:49 »
Dank, het werkt =D

Offline bram103

  • Lid
Re: [html/javascript]OnCLick probleem
« Reactie #3 Gepost op: 2010/12/26, 18:54:46 »
function check() {
var form;
form = document.login;
var naam;
naam = form.username.value.toLowerCase();
var ww;
ww = form.password.value;
//prompt("wat is je wachtwoord?", "wachtwoord");
if (naam == 'gijs' && ww == 'GAS1gas' || naam == 'johannes' && ww == 'boothbabe' || naam == 'logan' && ww == '3Qur811' ) {
alert ("hallo " + naam);
}
else {
alert ("je hebt een verkeerd wachtwoord ingevoerd of je bent niet geregistreerd");
}
Punt is dus dat in de originele code .value vergeten was dan krijg je dus het input element i.p.v. hetgeen er op ingevuld is. En je kunt de var ook naam gelijk naar lowerCase converteren dan hoeft het geen 4 keer te gebeuren.

Re: [html/javascript]OnCLick probleem
« Reactie #4 Gepost op: 2010/12/26, 18:57:49 »
Dankje,
Ik ben ook nog maar een absolute beginner...

Offline bram103

  • Lid
Re: [html/javascript]OnCLick probleem
« Reactie #5 Gepost op: 2010/12/26, 19:02:55 »
Ook degenen die al iets verder zijn hebben het eens leren begrijpen door fouten op te lossen of opgelost te zien.

Offline Ronnie

  • Lid
    • ronnie.vd.c
Re: [html/javascript]OnCLick probleem
« Reactie #6 Gepost op: 2010/12/26, 19:50:01 »
Linuxwindowsfan, ik kan je ook van harte Firebug (extensie voor firefox) aanraden. Met deze extensie kun je gemakkelijker debuggen en dus kijken wat er precies fout gaat in de code.

Ook adviseer ik je om eens te kijken naar YUI of jQuery als toolkit voor javascript. Beide toolkits (er zijn nog wel meer goede) maken het schrijven van javascript een stuk gemakkelijker. Maar het is zeker niet verkeerd om ook gewoon plain javascript te kennen.

Met http://www.jslint.com/ kun je checken of je javascript fouten vrij (syntax fouten, geen logica fouten) is, wat je code ook weer erg kan verbeteren. De maker van jslint heeft ook een goede "wat wel, wat niet" geschreven http://javascript.crockford.com/code.html

Ook heeft hij een erg goede presenatatie gegeven bij google tech talks http://www.youtube.com/watch?v=hQVTIJBZook
Ben je ook blij dat Ubuntu zo toegankelijk en gratis is, en wil je graag net als ik iets terugdoen, kijk dan eens rond bij mwanzo, dé poort naar het bijdragen aan Ubuntu en haar gemeenschap!

Documentatie Terminal

Re: [html/javascript]OnCLick probleem
« Reactie #7 Gepost op: 2010/12/27, 09:31:55 »
Firebug ken ik al.
Maar ook daarmee kwam ik er niet helemaal uit. JQuery heb ik al wat van gehoor.
Maar ik wil eerst een beetje plain kennen.