Pleas help me,
I’ve been stuck on this one for quite some time now, looking through the internet but I can’t figure out what’s wrong…
I’ve created two page, one page has a link to the other and if one would go directly to the 2nd page without visiting the first, he/she should be redirected to the first page…
(both pages are stored on my laptop)
FIRST PAGE:
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Document</title>
</head>
<body>
< a href="oefKwis.html">Start de kwis</a>
</body>
</html>
2nd PAGE:
<!DOCTYPE html>
<html lang="nl">
<head>
<title>Oef Kwis</title>
<style>
.juist {
color : black;
font-style : italic;
}
.fout{
color : red;
font-style : italic;
}
</style>
<script>
var aantalJuist = 0;
var juist = " goed";
var fout = " fout";
window.onload = function(){
var x = document.referrer
if (x === "file:///Users/stoffel/Desktop/browser/oefStartKwis.html"){
console.log("hallo")
document.getElementById("controleer").onclick = controleerAntwoord;
setTimeout(tijdVerstreken, 10000);
} else {
console.log("toch niet")
location.replace("file:///Users/stoffel/Desktop/browser/oefStartKwis.html");
}
}
function controleerAntwoord(){
if (frmPara.paragraaf[1].checked){
aantalJuist++;
paragraaf.className = juist;
paragraaf.innerHTML = juist;
} else {
paragraaf.className = fout;
paragraaf.innerHTML = fout;
}
if (frmVlag.vlag[2].checked){
aantalJuist++;
vlag.className = juist;
vlag.innerHTML = juist;
} else {
vlag.className = fout;
vlag.innerHTML = fout;
}
if (frmPriem.priem[2].checked){
aantalJuist++;
priem.className = juist;
priem.innerHTML = juist;
} else {
priem.className = fout
priem.innerHTML = fout;
}
alert("Aantal juist antwoorden: "+ aantalJuist);
aantalJuist = 0;
}
function tijdVerstreken(){
alert("Uw tijd is verstreken");
document.getElementById("controleer").disabled = true;
controleerAntwoord();
}
</script>
</head>
body>
<h1>Met welke tag duiden we een paragraaf aan?<span id="paragraaf"></span></h1>
<form name="frmPara">
<label><input type="radio" name="paragraaf"> h1</label><br>
<label><input type="radio" name="paragraaf"> p</label><br>
<label><input type="radio" name="paragraaf"> a</label><br>
<label><input type="radio" name="paragraaf"> div</label>
<br><br>
</form>
<h1>Wat is de juiste kleuren combinatie van de Belgische vlag?<span id="vlag"></span></h1>
<form name="frmVlag">
<label><input type="radio" name="vlag"> Zwart Rood Geel</label><br>
<label><input type="radio" name="vlag"> Geel Zwart Rood</label><br>
<label><input type="radio" name="vlag"> Rood Geel Zwart</label><br>
<label><input type="radio" name="vlag"> Zwart Geel Rood</label>
<br><br>
</form>
<h1>Welk getal is een 'priemgetal'?<span id="priem"></span></h1>
<form name="frmPriem">
<label>input type="radio" name="priem"> 14</label><br>
<label>input type="radio" name="priem"> 3248</label><br>
<label>input type="radio" name="priem"> 17</label><br>
<label>input type="radio" name="priem"> 84</label>
<br><br>
<input type="button" id="controleer" name="controleerBtn" value="Controleer">
</form>
</body>
</html>
