I need help by programming a small math game with javascript. I already have the structure on my file that I want, but the program is not working yet.
IDEA OF PROJECT
1. question for an addition between 1 and 100 (random numbers)
2. if correct go to subtraction between 1 and 100, if not repeat and stay on this level
3. continuing the structure with multiplication between 1 and 20
4. followed by division between 1 and 20
5. I want 10 questions and then showing a prompt at the end the shows how many points somebody got
6. time restriction of 4 minutes for the 10 questions
using the following structure, but it needs to be continued
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<TITLE> Project</TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
let Name = prompt(“Hello, What’s your name?”);
console.log(Name);
let a = Math.floor( Math.random() * 100 + 1 );
let b = Math.floor( Math.random() * 100 + 1 );
let a1 = a+b;
let c = Math.floor( Math.random() * 100 + 1 );
let d = Math.floor( Math.random() * 100 + 1 );
let c1 = c-d;
function begin1 (){
message3.innerHTML = “”;
a = Math.floor( Math.random() * 100 + 1 );
b = Math.floor( Math.random() * 100 + 1 );
a1 = a+b;
disappear1.innerHTML = “”;
message1.innerHTML = a + “<br/>” + “+” +”<br/>” + b + “<br/>” + “____________”;
message2.innerHTML = “<input type = text id= ‘input001’> <button onclick = ‘submit1()’>Submit</Button>”;
}
function submit1(){
let answer1 = input001.value;
show001.innerHTML = answer1;
if (answer1 == a1) {
message3.innerHTML = “correct”;
message2.innerHTML = “”;
message4.innerHTML = “<button onclick = ‘question2()’>next</button>”;
}
else{
message3.innerHTML = “incorrect”;
message2.innerHTML = “”;
message4.innerHTML = “<button onclick = ‘begin1()’>next</button>”;
}
}
function question2(){
a = Math.floor( Math.random() * 100 + 1 );
b = Math.floor( Math.random() * 100 + 1 );
a1 = a-b;
message1.innerHTML = c + “<br/>” + “-” +”<br/>” + d + “<br/>” + “____________”;
message2.innerHTML = “<input type = text id= ‘input002’> <button onclick = ‘submit2()’>Submit</Button>”;
message3.innerHTML = “”;
show001.innerHTML = “”;
}
function submit2(){
let answer1 = input002.value;
show001.innerHTML = answer1;
if (answer1 == a1) {
message3.innerHTML = “correct”;
message2.innerHTML = “”;
message4.innerHTML = “<button onclick = ‘question3()’>next</button>”;
}
else{
message3.innerHTML = “incorrect”;
message2.innerHTML = “”;
message4.innerHTML = “<button onclick = ‘begin2()’>next</button>”;
}
}
</script>
</head>
<BODY>
<style>
background-color: lightgrey;
text-align:center
</style>
<div id =”frame001″>
<H1>Mental Arithmetic</H1>
<p id = “message1”> </p>
<p id = “message2”> </p>
<p id = “show001”> </p>
<p id = “message3”> </p>
<p id = “message4”> </p>
<div id = “disappear1”>
<button onclick = “begin1()” >Begin</button>
</div>
</body>
</html>