Nieuws:

We zijn er weer.

Na lange tijd van afwezigheid zijn we er weer  :laugh:
We hebben alle wachtwoorden gereset, je oude wachtwoord werkt niet meer.Je moet via het "wachtwoord vergeten"-linkje je wachtwoord resetten. Je krijgt hiervoor een mailtje op het adres dat je bij ons geregistreerd hebt.

De komende tijd zijn we nog druk bezig om de rest van de site op te bouwen, dus het kan zijn dat sommige onderdelen (tijdelijk) niet werken.

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

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

Offline Linuxwindowsfan

  • Lid
  • Steunpunt: Nee
[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 »

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
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

Offline Linuxwindowsfan

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

Offline bram103

  • Lid
  • Steunpunt: Nee
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.

Offline Linuxwindowsfan

  • Lid
  • Steunpunt: Nee
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
  • Steunpunt: Nee
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

  • Artworkteam
    • ronnie.vd.c
  • Steunpunt: Nee
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

Offline Linuxwindowsfan

  • Lid
  • Steunpunt: Nee
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.