Magic-Math-Game/magicMath.html at main · seiferco/Magic-Math-Game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Magic Math - Cole Seifert</title>
      <link rel="stylesheet" href="magicMath.css">
      <script src="magicMath.js"></script>
   </head>
   <body>
      <h1>Magic Math</h1>
      <p>Goal: <span id="goalNum">0</span></p>

     <div id="mainArea">
      <!-- 3x3 grid for the game board -->

        <div id="gameBoard">
          <button></button>
          <button></button>
          <button></button>
          <button></button>
        </div>

        <div id="operators">
            <button>+</button>
            <button>-</button>
            <button>*</button>
        </div>

        <div id="workArea">
          <h3>Work Area</h3>
          <div id="workAreaPs">

          </div>
        </div>

        <div id="scoreBoard">
          <h3>Scoreboard</h3>
          <p>Wins: <span id="numWins">0</span></p>
          <p>Losses: <span id="numLosses">0</span></p>
        </div>
     </div>

      <h3 id="displayMsg">Let's Play!</h3>
      <button id="newGameButton">New game</button>
   </body>
  <footer>
    <p>By Cole Seifert on 05-03-2024</p>
  </footer>
</html>