sample1/calc.html at master · ashwin-24/sample1 · 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
<!DOCTYPE html>
<html lang="en">
    <head>
      <title>Standard Calculator</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="cal.css"/>
    </head>
    <body>
        <h1 color=darkgrey><center><b><u>Designed Calculators</u></b></center></h1>
        <div class="container">
          <fieldset id="container">
            <form name="calculator">
              <input type="text" id="display" name="display" readonly>
              <input class="button digits" type="button" value="7" onclick="calculator.display.value += '7'">
              <input class="button digits" type="button" value="8" onclick="calculator.display.value += '8'">
              <input class="button digits" type="button" value="9" onclick="calculator.display.value += '9'">
              <input class="button mathButtons" type="button" value="+" onclick="calculator.display.value += ' + '">
              <br>
              <input class="button digits" type="button" value="4" onclick="calculator.display.value += '4'">
              <input class="button digits" type="button" value="5" onclick="calculator.display.value += '5'">
              <input class="button digits" type="button" value="6" onclick="calculator.display.value += '6'">
              <input class="button mathButtons" type="button" value="-" onclick="calculator.display.value += ' - '">
              <br>
              <input class="button digits" type="button" value="1" onclick="calculator.display.value += '1'">
              <input class="button digits" type="button" value="2" onclick="calculator.display.value += '2'">
              <input class="button digits" type="button" value="3" onclick="calculator.display.value += '3'">
              <input class="button mathButtons" type="button" value="x" onclick="calculator.display.value += ' * '">
              <br>
              <input id="clearButton" class="button" type="button" value="C" onclick="calculator.display.value = ''">
              <input class="button digits" type="button" value="0" onclick="calculator.display.value += '0'">
              <input class="button mathButtons" type="button" value="=" onclick="calculator.display.value = eval(calculator.display.value)">
              <input class="button mathButtons" type="button" value="/" onclick="calculator.display.value += ' / '">
            </form>
          </fieldset>
        </div>
        <hr>
        <!--Paste below this line-->

        <!--Paste above this line-->
    </body>
</html>