Thread: Input controle met alert.
-
22-12-2013, 18:24 #1
Input controle met alert.
Hallo, voor een taak had ik een volgend probleem.
We moeten een website maken met voornamelijk gebruik van JavaScript. Ik ben zo goed als klaar (datum, menubalk, calculator, etc in JS), maar heb een probleem met het volgende:
Het betreft een site voor kinderen van de lagere school voor het vak wiskunde. Ze krijgen een vraag gesteld, moeten deze antwoorden (input geven) en kunnen klikken op 2 buttons, 1 die kijkt of de input juist was (alert box). en een andere die het antwoord geeft voor als de student er niet aan komt.
Dit is dus een voorbeeld voor een vraag (in code):
Hier gaat het al fout (bij de functie).Code:Vraag 1: Hoeveel is 8 x 4? <input type="text""> <button onclick="vraag1()">Controleer je antwoord?</button> <button onclick="antwvraag1()">Het antwoord</button>
Ik heb dit voorlopig:
Code:<script type="text/javascript"> function vraag1() if (value != 32); window.alert{"Onjuist, probeer opnieuw"}; else; window.alert("Goed!"); function antwvraag1() window.alert{"Het antwoord is 32."}; </script>
Beide js codes doen niets. Ik denk dat ik ze verkeerd positioneer in het bestand. Ik heb ze eerst namelijk in mijn origineel javascript bestand gezet helemaal vanonder, onder de functies van mijn menubar etc,... . Maar dit lukte niet. Daarna heb ik <script></script> gebruikt in het origineel bestand, wat ook niet lukt.
Weet iemand wat er verkeerd is?Only anons know where I am /b/ornno votes
-
-
22-12-2013, 18:37 #2Approved 9liver
- Registered
- 21/08/02
- Location
- Roeselare
- Posts
- 4,474
- iTrader
- 15 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 1/35
je syntax is verkeerd
Code:function lol() { if (1 < 2) { var x = 1; } else { var y = 2; } }no votes
-
22-12-2013, 18:50 #3
Hmm ik zie het, maar weet wel niet hoe ik het dan moet oplossen.
Is het dan efficiënter om [oText = oForm.elements[index];] te typen in het javascript bestand en daarna:
function vraag1) {
if (index == 32) {
var index = oForm.elements[index];
window.alert("Juist!");
} else {
window.alert("onjuist,probeer opnieuw");
}
}
Zit nu een beetje in de knoop, kan iemand me een richting geven in welke zin ik dit het efficiëntst kan oplossen?Only anons know where I am /b/ornno votes
-
22-12-2013, 18:59 #4
Voor het antwoord te laten pop-uppen heb ik gekozen voor
Dit werkt nuCode:function antwvraag1() { window.alert("Het antwoord is 32.")Only anons know where I am /b/ornno votes
-
22-12-2013, 19:27 #5
Dit werkt voor de eerste button, maar is het wel efficiënt? Ik moet namelijk het beste gebruiken in dit geval.
Het ziet ernaar uit dat het werkt. Is dit wel een efficiënte manier?Code:function vraag1() { var value = document.getElementById("vraag1").value; if (value == 32) { window.alert("Juist!"); } else { window.alert("Probeer opnieuw"); } }Only anons know where I am /b/ornno votes
-
22-12-2013, 20:04 #6Approved 9liver
- Registered
- 21/08/02
- Location
- Roeselare
- Posts
- 4,474
- iTrader
- 15 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 1/35
wat is er niet efficiënt aan ? het is een gewone if-else
Code:function vraag1() { if (document.getElementById("vraag1").value == 32) alert("Juist!"); else alert("Probeer opnieuw"); }no votes
-
22-12-2013, 20:22 #7
Thx voor de bevestiging! Nee, ik dacht aangezien je veel manieren hebt om iets te doen, daarmee.
Heb wel het volgend probleem: Ik krijg het scriptbestandje niet gelinkt?
Ik plak de code (de functies) onderaan het externe javascript.js bestand (de code voor mijn menubar+datum ed), ik sla alles op, en het wilt niet werken.
Ik maak een nieuw .js bestand en plak de code erin, link het met mijn html-bestand maar het werkt niet.
Het enige wanneer het werkt is wanneer ik het onderaan in <script></script>-notatie schrijf. Maar het betreft hier 20 functies dus ik denk niet dat dit de ideale oplossing is?
edit: gevonden! bedankt voor de hulp iedereen! (SideShow thx!)Last edited by Gekke_Koerd; 22-12-2013 at 20:50.
Only anons know where I am /b/ornno votes

