1. #1
    Gekke_Koerd's Avatar
    Registered
    03/07/11
    Location
    Brussel
    Posts
    526
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    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):
    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?
    Only anons know where I am /b/orn
    no votes  

  2. #2
    SideShow's Avatar
    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  

  3. #3
    Gekke_Koerd's Avatar
    Registered
    03/07/11
    Location
    Brussel
    Posts
    526
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by SideShow View Post
    This quote is hidden because you are ignoring this member. Show
    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?
    Only anons know where I am /b/orn
    no votes  

  4. #4
    Gekke_Koerd's Avatar
    Registered
    03/07/11
    Location
    Brussel
    Posts
    526
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Voor het antwoord te laten pop-uppen heb ik gekozen voor

    Code:
     function antwvraag1() {
        window.alert("Het antwoord is 32.")
    Dit werkt nu
    Only anons know where I am /b/orn
    no votes  

  5. #5
    Gekke_Koerd's Avatar
    Registered
    03/07/11
    Location
    Brussel
    Posts
    526
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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?
    Only anons know where I am /b/orn
    no votes  

  6. #6
    SideShow's Avatar
    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  

  7. #7
    Gekke_Koerd's Avatar
    Registered
    03/07/11
    Location
    Brussel
    Posts
    526
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by SideShow View Post
    This quote is hidden because you are ignoring this member. Show
    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!)
    Last edited by Gekke_Koerd; 22-12-2013 at 20:50.
    Only anons know where I am /b/orn
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in