math-app/index.html at main · bit-worm/math-app · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fun math</title>
  <link rel="stylesheet" href="style.css">
</head>
<body id="body">
  <h1>The Math App</h1>
  <div class="top-section">
    <!--<p id="message"></p>-->
    <div class="problem-container">
      <label for="problem">Question</label>
      <p id="problem">00000</p>
      <button type="button" id="generate">Get</button>
    </div> <!--problem container-->
    <div class="solution-container">
      <label for="answer">Answer</label><br>
      <input type="number" name="answer" placeholder="Answer" id="answer"><br>
      <p>round any decimal to 2 decimal places</p>
      <button type="button" id="check">Check</button>
    </div> <!--Solution container-->
  </div> <!--top section-->
  <div class="bottom">
    <p>Subscribe To Our Weekly Newsletter<p>
    <div class="bottom-section">
      <form name="subscribe" id="subscribe" netlify>
        <fieldset id="subscribeForm">
          <legend>Subscribe</legend>
          <label for="fname">First Name*</label>
          <input type="text" name="fname" placeholder="First Name" required id="fname"><br>
          <label for="lname">Last Name*</label>
          <input type="text" name="lname" placeholder="Last Name" required id="lname"><br>
          <label for="email">Email*</label>
          <input type="email" name="email" placeholder="example@email.com" required id="email"><br>
          <label for="comment">Comment(Optional)</label><br>
          <textarea name="comment" minlength="8" id="comment"></textarea><br>
          <input type="submit" name="submit" value="Subscribe" id="submit">
        </fieldset>
      </form>
    </div> <!--bottom section-->
  </div>
  <script src="script.js"></script>
</body>
</html>