Archief - Input controle met alert.

Gekke_Koerd · 22 dec 2013

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):

Code:

Vraag 1: Hoeveel is 8 x 4? <input type="text"">
<button onclick="vraag1()">Controleer je antwoord?</button> 
<button onclick="antwvraag1()">Het antwoord</button>

Hier gaat het al fout (bij de functie).
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?

SideShow · 22 dec 2013

je syntax is verkeerd

Code:

function lol() {
    if (1 < 2) {
        var x = 1;
    } else {
        var y = 2;
    }
}

Gekke_Koerd · 22 dec 2013

SideShow zei:
je syntax is verkeerd

Code:

...

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?

Gekke_Koerd · 22 dec 2013

Voor het antwoord te laten pop-uppen heb ik gekozen voor

Code:

 function antwvraag1() {
    window.alert("Het antwoord is 32.")

Dit werkt nu

Gekke_Koerd · 22 dec 2013

Dit werkt voor de eerste button, maar is het wel efficiënt? Ik moet namelijk het beste gebruiken in dit geval.

Code:

function vraag1() {
    var value = document.getElementById("vraag1").value;
    if (value == 32) {
        window.alert("Juist!");
    } else {
        window.alert("Probeer opnieuw");
    }
}

Het ziet ernaar uit dat het werkt. Is dit wel een efficiënte manier?

SideShow · 22 dec 2013

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");
}

Gekke_Koerd · 22 dec 2013

SideShow zei:
wat is er niet efficiënt aan ? het is een gewone if-else

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!)

Archief - Input controle met alert.

Gekke_Koerd

Legacy Member

SideShow

Legacy Member

Gekke_Koerd

Legacy Member

Gekke_Koerd

Legacy Member

Gekke_Koerd

Legacy Member

SideShow

Legacy Member

Gekke_Koerd

Legacy Member