Categories
Uncategorized

simple math game javascript

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…

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 PROJECT1. 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 level3. continuing the structure with multiplication between 1 and 204. 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 got6. 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>

Leave a Reply

Your email address will not be published. Required fields are marked *