Note that there are some explanatory texts on larger screens.

plurals
  1. POreturn false only works when the answer is correct?
    primarykey
    data
    text
    <p>There are two numbers. User fills out answer &amp; clicks enter or the "next" button (activate form)</p> <p>I want the form to always "return false" as all next actions are loaded with javascript. As long as the user keeps filling out the correct answer it works, but when you fill out the wrong answer, it first shows you the "hey you, what is this?" box, but twhen user tries to answer again, the entire page is realoaded :/</p> <p>You can see it here: <a href="http://skolresurser.se/matematik/simple/" rel="nofollow">http://skolresurser.se/matematik/simple/</a></p> <p>HTML</p> <pre><code>&lt;form id="theChallenge"&gt; &lt;h1&gt; &lt;span class="first"&gt;2&lt;/span&gt; &lt;span style="position: relative; top: 0.24em; margin: 0 6px;"&gt;*&lt;/span&gt; &lt;span class="second"&gt;6&lt;/span&gt; &lt;span style="margin-left: 0.13em; font-size: 0.8em; position: relative; top: -0.13em; margin-right: -0.60em;"&gt;=&lt;/span&gt; &lt;/h1&gt; &lt;div id="notReally" style="display: none;"&gt; &lt;h2&gt;Not reeaaaaally:&lt;/h2&gt; &lt;span id="actually"&gt;&lt;/span&gt; &lt;/div&gt; &lt;input type="number" class="answerInput"&gt;&lt;br&gt; &lt;button class="2btn btn-large btn-success checkAnswer" href="#"&gt;Next&lt;/button&gt; &lt;/form&gt; </code></pre> <p>JS:</p> <pre><code>$(function() { function biggestNumber() { return Math.max.apply(this, arguments); } $("#theChallenge").submit(function() { first = $(".first").text(); second = $(".second").text(); correctAnswer = parseInt($(".first").text()) * parseInt($(".second").text()); //parseInt = omvandla text till siffra.. och slå ihop de två alternativen! och detta är då vårt rätta svar theAnswer = $(".answerInput").val() //Vad har användaren skrivit in för svar? alert('first' + first); //Check if answer is correct if (theAnswer == correctAnswer) { //Create new numbers var randomNum = 1 + Math.ceil(Math.random() * 12); /* Pick random number between 1 and 12 */ $('.first').text(randomNum); var randomNum = 1 + Math.ceil(Math.random() * 12); /* Pick random number between 1 and 12 */ $('.second').text(randomNum); } else { //Show the person doing the test that $("#notReally").slideDown('fast'); $("h1").slideUp('medium'); biggestNumber = biggestNumber(first, second); //en funktion som är inlagd längre upp!! if (biggestNumber == first) { //Om största numret = första numret, då är det, det andra numret vi vill stapla upp, annars är det ju första siffran vi vill stapla upp "största siffran antalet gånger". theOtherNumber = second; } else { theOtherNumber = first; } staplaUpp = theOtherNumber; //Börja med att lägga in den mindre siffran en gång först, och sedan för varje till " +siffran " for (var i = 0; i &lt; biggestNumber - 1; i++) { //För varje antal det finns av den mindre siffran, stapla upp den med plus emellan! staplaUpp = staplaUpp + '&lt;span style="margin:0 0.2em;"&gt;+&lt;/span&gt;' + theOtherNumber; } $("#actually").append(staplaUpp); } $(".answerInput").val(''); alert('first' + first); return false; }); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload