Special offer for new customers: 5% OFF your first order! Use coupon: GWRITERSclose

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 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>

You can leave a response, or trackback from your own site.
Powered by WordPress | Designed by: Premium WordPress Themes | Thanks to Themes Gallery, Bromoney and Wordpress Themes