[英]I need to stop my page from refreshing with simple javascript
So I've typed this all, and the only thing that would make this code perfect, is a no refresh code. 因此,我已经输入了所有内容,唯一可以使此代码完美的是没有刷新的代码。 I need it to be in Javascript, no Jquery, Ajax, or PHP.
我需要使用Javascript,不能使用Jquery,Ajax或PHP。 Because I don't understand those languages yet.
因为我还不懂那些语言。 Well, here is my code.
好吧,这是我的代码。
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!")
}
}
Change onclick='controleer()'
to onclick='controleer(); return false;'
将
onclick='controleer()'
更改为onclick='controleer(); return false;'
onclick='controleer(); return false;'
Alternatively, don't use a <form>
if you don't intend for it to submit data. 另外,如果您不打算使用
<form>
提交数据,请不要使用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.