jQueryCalculator/index.html at master · Tinusw/jQueryCalculator · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!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">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <title>Calculator</title>

    <!-- Custom styles for this template go here -->
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/normalize.css">


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

  </head>

  <body>

  <div class="calculator" id="calc">
    <div class="container">
		  <input type="text" class="total" id="display">
    </div>
	  <div class="calc-box">
	    <div class="buttons">
	      <span class="operators">
		  	  <input type="button" value="/" id="divide">
		  	  <input type="button" value="*" id="multiply">
		  	  <input type="button" value="-" id="minus">
		  	  <input type="button" value="+" id="plus">
	      </span>

	      <span class="numbers">
		      <input type="button" value="0">
		      <input type="button" value="1">
		      <input type="button" value="2">
		      <input type="button" value="3">
		      <input type="button" value="4">
		      <input type="button" value="5">
		      <input type="button" value="6">
		      <input type="button" value="7">
		      <input type="button" value="8">
		      <input type="button" value="9">
		    </span>

        <input type="button" value="C" id="clear">
		    <input type="button" value="=" id="total">


	  </div>
	</div>


    <!-- ============================= -->
    <!-- All your JavaScript comes now -->
    <!-- ============================= -->

    <!-- Can place script tags with JavaScript files here -->
    <!-- call js -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/scripts.js"></script>


  </body>


</html>