2015-01-31 1 views
0

이 코드를 모두 입력 했으므로 코드를 완벽하게 만들 수 있습니다. 새로 고침 코드가 없습니다. Javascript, Jquery, Ajax 또는 PHP가 필요합니다. 나는 아직 그 언어를 이해하지 못하기 때문에. 자, 내 코드가있다. 이 데이터를 제출하는 당신이 의도하지 않는 경우간단한 자바 스크립트로 내 페이지를 새로 고치지 않아야합니다.

function welkom()//this function is in the <body onload=""> 
{ 
var naam = prompt("Wat is je naam"); 
document.getElementById("welkom").innerHTML="Welkom " + naam + " en succes met de tafels."; 
} 
function test()//this function is in the <body onload=""> 
{ 
    var nummer = document.getElementById("cijfers").value; 
    document.getElementById("resultaat").innerHTML = ""; 
    var form = "<table><form>"; 
    for (var x = 1;x<=10;x++) 
    { 
     form += "<tr><td>" + x + "x" + nummer + "= </td>"; 
     form += "<td><input type='text' id='vraag[" + x + "]' /></td></tr>"; 
    } 
    form += "</table><input type='submit' value='Controleer je antwoorden' onclick='controleer()'></form>"; 
    document.getElementById("resultaat").innerHTML = form; 
} 
     function controleer()//this is the function that refreshes my page. 
     { 
      var tafelNr = document.getElementById("cijfers").value; 
      var goed = 0; 
      var fout = 0; 

      for (var teller=1;teller<=10;teller++) 
      { 
       var tafelNr = document.getElementById("cijfers").value; 
       var goedantwoord = tafelNr * teller; 
       var antwoord = document.getElementById("vraag[" + teller + "]").value; 

       if (goedantwoord == antwoord) 
       { 
        document.getElementById("vraag[" + teller + "]").style.backgroundColor="#00ff00"; 
        goed++ 
       } 
       else 
       { 
        document.getElementById("vraag[" + teller + "]").style.backgroundColor="#ff0000"; 
        fout++ 
       } 
      } 
      if (goed <=6) 
      { 
       alert("Je had " + goed + " vragen goed en " + fout + " vragen fout. \nVraag aan de meester of juf om een oefenblaadje."); 
      } 
      else 
      { 
       alert("Je had " + goed + " vragen goed en " + fout + " vragen fout. \nGoed gedaan!") 
      } 
     } 
+2

왜 새로 고침을하지 않아야합니까? 귀하의 페이지가 새로 고침시 다시 제출되기 때문입니까? – Dnyanesh

답변

1

변경 onclick='controleer()', 또는

onclick='controleer(); return false;'로는 <form>를 사용하지 않습니다.

관련 문제