Project3_math_operators/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="JS/main.js"></script>
    <title>Math Operators Assignment - Steps 78 - 94</title>
  </head>
  <body>
    <p onClick="randomNum()">
      <u>Steps 78 (& 92)</u>: Click this line of text (repeatedly) to display random numbers, below...
    </p>
    <p id="Math"></p>
    <hr />
    <p onClick="subtraction()"><u>Steps 80 (& 92)</u>: Click here for examples of subtraction...</p>
    <p id="Subtraction"></p>
    <hr />
    <p onClick="multiplication()"><u>Steps 82 (& 92)</u>: For multiplication, please click here for examples...</p>
    <p id="Multiplication"></p>
    <hr />
    <p onClick="division()">
      <u>Steps 82 & 92 (cont'd)</u>: And click here for examples of division, displaying below...
    </p>
    <p id="Division"></p>
    <hr />
    <p onClick="allAtOnce()">
      <u>Steps 84, 86, & 92</u>: Clicking this line begins a JavaScript calculation involving multiple math
      operators;<br />
    </p>  
    <ol id="RandNumb"></ol>
    <hr />
    <p onClick="negation()">
      <u>Steps 88 (& 92)</u>: Click here for an example of the Negation (-) Operator, which returns the opposite (or
      negative) of an operand:
    </p>
    <p id="negation"></p>
    <p id="Negation"></p>
    <hr />
    <p onClick="increment()">
      <u>Steps 90 (& 92)</u>: Here's an example of the Increment (++) Operator, increasing a value by +1 (click this
      line of text):
    </p>
    <p id="Increment"></p>
    <hr />
    <p onClick="decrement()">
      <u>Steps 90 & 92 (cont'd)</u>: ... while this is an example of the Decrement (--) Operator, decreasing a value by
      -1 (yes, click here):
    </p>
    <p id="Decrement"></p>
    <hr />
    <p onClick="mathObjectMethod()">
      <u>Step 93</u>: Clicking this line will display an example of a Math object method, specifically, the power method
      (Math.pow):
    </p>
    <p id="MathObjectMethod"></p>
  </body>
</html>