basic-js-calculator/index.html at master · coymeetsworld/basic-js-calculator · 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
<!DOCTYPE html>
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Slabo+27px">
<link rel="stylesheet" href="css/style.css">
<title>FreeCodeCamp - JavaScript Calculator</title>
<table id="calculator">
  <tr><td colspan="4"><h1>Basic Calculator</h1>
  <tr><td colspan="4" id="screen">
  <tr>
    <td><button type="button" class="function-key" id="key-ac">AC</button> <!-- clears all entries -->
    <td><button type="button" class="function-key" id="key-ce">CE</button> <!-- clears current entry -->
    <td><button type="button" class="operator-key" id="key-percent">%</button>
    <td><button type="button" class="operator-key" id="key-divide">/</button>
  <tr>
    <td><button type="button" class="num-key" id="key-7">7</button>
    <td><button type="button" class="num-key" id="key-8">8</button>
    <td><button type="button" class="num-key" id="key-9">9</button>
    <td><button type="button" class="operator-key" id="key-times">X</button>
  <tr>
    <td><button type="button" class="num-key" id="key-4">4</button>
    <td><button type="button" class="num-key" id="key-5">5</button>
    <td><button type="button" class="num-key" id="key-6">6</button>
    <td><button type="button" class="operator-key" id="key-minus">-</button>
  <tr>
    <td><button type="button" class="num-key" id="key-1">1</button>
    <td><button type="button" class="num-key" id="key-2">2</button>
    <td><button type="button" class="num-key" id="key-3">3</button>
    <td rowspan="2" style="height: 100%"><button type="button" class="operator-key" id="key-plus">+</button>
  <tr>
    <td><button type="button" class="num-key" id="key-0">0</button>
    <td><button type="button" class="num-key" id="key-decimal">.</button>
    <td><button type="button" class="operator-key" id="key-equals">=</button>
</table>
<div id="my-about">
  <a href="https://github.com/coymeetsworld/basic-js-calculator" target="_blank">Check the source code out on GitHub!</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="js/calc.js"></script>