test-1/index.html at main · amal152/test-1 · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <script src="script.js"></script>
  <title>Calculator</title>
</head>
<body>
	<h1>Calculator</h1><hr>
	<div id="screen">
	  <div class="output">
	    <input type="text"  id="output" />
	  </div><br>
	  <div class="buttons">
	    <div class="row">
	      <button onclick="fun(1)" class="button">1</button>
        <button class="button" onclick="fun(2)">2</button>
        <button onclick="fun(3)" class="button">3</button>
        <button onclick="fun('+')" class="operations">+</button>
	    </div>
	  <div class="row">
  <button onclick="fun(4)" class="button">4</button>
  <button onclick="fun(5)" class="button">5</button>
  <button onclick="fun(6)" class="button">6</button>
  <button onclick="fun('-')" class="operations">-</button>
	  </div>
	 <div class="row">
  <button onclick="fun(7)" class="button">7</button>
  <button onclick="fun(8)" class="button">8</button>
  <button onclick="fun(9)" class="button">9</button>
  <button onclick="fun('*')" class="operations">×</button>
	 </div>
	 <button id="divide" class="operations" onclick="fun('/')">÷</button>
	 <button id="equal" onclick="equalclick()">=</button>
	 <button id="zero" class="button" onclick="fun(0)">0</button>
	 <button id="clearscreen" onclick="clearscreen()">c</button>

	  </div>
	</div>
</body>
</html>