Archief - JAVAscript : Fout in scipt

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
R

R-evolution™'

Legacy Member
Hallo ,

Ik ben sinds een paar dagen bezig javascript te leren .
Ik heb al een paar heel eenvoudige sciptjes gemaakt maar nu zit ik vast .

Ik wil een scriptje waarbij je je geboortejaar kan ingeven en door op een button te drukken in een ander tekstvakje je leeftijd (2005-geboortejaar) krijgt .
Heel simpel en helemaal niet bedoeld om te gebruiken . gewoon gemaakt om te oefenen .

<html>
<head>
<script language="JavaScript">
function leeftijd(lengte)
{
document.lengte.resultaat.value=2005-lengte
}

</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<form name=lengte>
Uw geboortejaar ?<input type="text" name="lengte" size="20">
<input type="button" value="bereken je leeftijd" onClick="leeftijd(document.lengte.value)">
<input type="text" name="resultaat">
</form>
</body>
</html>

Ik krijg de button en alle tekstvakjes . Het enige wat misgaat is dat er als je geboortedatum ingeeft en op bereken klikt krijg je NaN

Kan iemand mijn fout aanduiden/verbeteren en belangrijkste uitleggen ?


alvast bedankt


grtzzz
J

Jos_Albatros

Legacy Member
<input type="button" value="bereken je leeftijd" onClick="leeftijd(document.lengte.value)">

vervangen door

<input type="button" value="bereken je leeftijd" onClick="leeftijd(document.lengte.lengte.value)">

:)
R

R-evolution™'

Legacy Member
kan je me dan ook nog uitleggen waarvoor de eerste en 2de lengte dienen ?

alvast bedankt
J

Jos_Albatros

Legacy Member
Omdat je moet verwijzen naar het element "lengte" in het form "lengte",
nogal onlogische naamgeving dus :)

Als je enkel lengte neemt, probeert hij de value van het form "lengte" in dat textfield te plaatsen, wat een NaN geeft
J

Jos_Albatros

Legacy Member
Heb een 2e versie gemaakt, met een heel handige functie namelijk getElementById()

Code: 
geboortejaar : <input type="text" id="geboortejaar" size="4" maxlength="4">
<br><br>
<input type="button" onClick="gogo();" value="bereken!">
<br>
<p id="leeftijd"></p>

<script>

function gogo () {
	var date = new Date();
	document.getElementById("leeftijd").innerHTML = "leeftijd : " + (date.getYear() - document.getElementById("geboortejaar").value);
}

</script>

Veel uitleg is hier niet bij nodig denk ik, denk dat het vrij duidelijk is wat het doet :)
R

R-evolution™'

Legacy Member
nog een beetje te ingewikkeld voor mij maar ga het zeker bewaren om later uit te leren merci ;)
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan