Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

JS twee textboxen vergelijken (Opgelost)

Nismo - 23/04/2009 18:31 (laatste wijziging 23/04/2009 18:38)

Nieuw lid

Hey allemaal, ik moet voor school een paar opdrachtjes maken, nu ben ik bij de laatste en zit ik vast.
Ik moet in JS een script aanmaken dat twee getallen inleest, deze met elkaar vergelijkt en bepalen welk ingevoerd getal het grootste was. Hierbij moet ik ook bepalen welk getal het grootst was en deze laten tonen op het scherm.

Ik heb dit:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
</head>
<script>
function vergelijk(){

var tbox = document.formpje.getElementById('Getal1');
var tboxx = document.formpje.getElementById('Getal2');
var Groter = tbox > tboxx;
var Kleiner = tbox < tboxx;
var Gelijk = tbox == tboxx;

if (Groter){
window.alert("Het eerste getal is het grootste, namelijk: " + Getal1);
}

if (Kleiner){
window.alert("Het tweede getal is het grootste, namelijk: " + Getal2);
}

if (Gelijk){
window.alert("Fout! De getallen hebben dezelfde waarde!);
}
}
</script>

<body>
<form name = "formpje">
<input type="text" id="Getal1" size="10" />
<input type="text" id="Getal2" size="10" />
<input type="button" name="Vergelijkze" value="Vergelijken" "onclick"=javascript:vergelijk()"/>
</body>
</html>

<html>
<head>
</head>
<script>
function vergelijk(){
 
var tbox = document.formpje.getElementById('Getal1');
var tboxx = document.formpje.getElementById('Getal2');
var Groter = tbox > tboxx;
var Kleiner = tbox < tboxx;
var Gelijk = tbox == tboxx;
 
if (Groter){
window.alert("Het eerste getal is het grootste, namelijk: " + Getal1);
}
 
if (Kleiner){
window.alert("Het tweede getal is het grootste, namelijk: " + Getal2);
}
 
if (Gelijk){
window.alert("Fout! De getallen hebben dezelfde waarde!);
}
}
</script>
 
<body>
<form name = "formpje">
<input type="text" id="Getal1" size="10" />
<input type="text" id="Getal2" size="10" />
<input type="button" name="Vergelijkze" value="Vergelijken" "onclick"=javascript:vergelijk()"/>
</body>
</html>

sliphead schreef:

Code tags gebruiken aub.

2 antwoorden

Gesponsorde links

Koen - 23/04/2009 18:39 (laatste wijziging 23/04/2009 18:52)

PHP expert

Haakje vergeten op regel 22:

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.alert("Fout! De getallen hebben dezelfde waarde!);
            
window.alert("Fout! De getallen hebben dezelfde waarde!);

javascript code - Bekijk de code zonder highlighting - Klap code in

                window.alert("Fout! De getallen hebben dezelfde waarde!");
            
window.alert("Fout! De getallen hebben dezelfde waarde!");

Edit:

Je moet trouwens .value gebruiken om de waarde van het tekstveld te krijgen, en parseint() om die waarde als een integer te laten parsen.

html4strict code - Bekijk de code zonder highlighting - Klap code in

<html>
<head>
</head>
<script>
function vergelijk(){

var tbox = parseInt(document.formpje.getElementById('Getal1').value);
var tboxx = parseInt(document.formpje.getElementById('Getal2').value);
var Groter = tbox > tboxx;
var Kleiner = tbox < tboxx;
var Gelijk = tbox == tboxx;

if (Groter){
window.alert("Het eerste getal is het grootste, namelijk: " + Getal1);
}

if (Kleiner){
window.alert("Het tweede getal is het grootste, namelijk: " + Getal2);
}

if (Gelijk){
window.alert("Fout! De getallen hebben dezelfde waarde!");
}
}
</script>

<body>
<form name = "formpje">
<input type="text" id="Getal1" size="10" />
<input type="text" id="Getal2" size="10" />
<input type="button" name="Vergelijkze" value="Vergelijken" "onclick"=javascript:vergelijk()"/>
</body>
</html>

<html>
<head>
</head>
<script>
function vergelijk(){
 
var tbox = parseInt(document.formpje.getElementById('Getal1').value);
var tboxx = parseInt(document.formpje.getElementById('Getal2').value);
var Groter = tbox > tboxx;
var Kleiner = tbox < tboxx;
var Gelijk = tbox == tboxx;
 
if (Groter){
window.alert("Het eerste getal is het grootste, namelijk: " + Getal1);
}
 
if (Kleiner){
window.alert("Het tweede getal is het grootste, namelijk: " + Getal2);
}
 
if (Gelijk){
window.alert("Fout! De getallen hebben dezelfde waarde!");
}
}
</script>
 
<body>
<form name = "formpje">
<input type="text" id="Getal1" size="10" />
<input type="text" id="Getal2" size="10" />
<input type="button" name="Vergelijkze" value="Vergelijken" "onclick"=javascript:vergelijk()"/>
</body>
</html>

Nismo - 23/04/2009 19:54 (laatste wijziging 23/04/2009 20:37)
Nieuw lid		De gedeeltes die jij hebt verbeterd begrijp ik. Maar nu werkt hij nog niet... wat is er nog fout? EDIT Ik ben er al achter, Javascript onderaan moest weggelaten worden, en een ; er achter. parseInt moest niet gebruikt worden en niet via het form aanroepen (niet nodig). mag close.

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten