-
Notifications
You must be signed in to change notification settings - Fork 0
/
cal.html
42 lines (41 loc) · 1.83 KB
/
cal.html
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
<!DOCTYPE html>
<html>
<head>
<head>
<title>Rainbow cool Calculator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class = "rainbow"><span style="color:#ff0000;">R</span><span style="color:#ff2a00;">A</span><span style="color:#ff5500;">I</span><span style="color:#ff7f00;">N</span><span style="color:#ffaa00;">B</span><span style="color:#ffd400;">O</span><span style="color:#ffff00;">W</span><span style="color:#aaff00;"> </span><span style="color:#55ff00;">C</span><span style="color:#00ff00;">A</span><span style="color:#00ff80;">L</span><span style="color:#00ffff;">C</span><span style="color:#00aaff;">U</span><span style="color:#0055ff;">L</span><span style="color:#0000ff;">A</span><span style="color:#2e00ff;">T</span><span style="color:#5d00ff;">O</span><span style="color:#8b00ff;">R</span></div>
<div class="top">
<input type="text" id = "result">
<button onclick = "result.value = ''"> C </button>
</div>
<div>
<button onclick ="display(7)">7</button>
<button onclick ="display(8)" >8</button>
<button onclick ="display(9)" >9</button>
<button onclick ="display('/')" >/</button>
</div>
<div>
<button onclick ="display(4)" >4</button>
<button onclick ="display(5)" >5</button>
<button onclick ="display(6)" >6</button>
<button onclick = "display('*')">*</button>
</div>
<div>
<button onclick ="display(1)" >1</button>
<button onclick ="display(2)" >2</button>
<button onclick ="display(3)" >3</button>
<button onclick ="display('-')" >-</button>
</div>
<div>
<button onclick ="display(0)" >0</button>
<button onclick ="display('.')" >.</button>
<button onclick = "result.value = eval(result.value); colors()" > = </button>
<button onclick ="display('+')" >+</button>
</div>
<script src="script.js"></script>
</body>
<footer><h5><br>© Copyright || Rainbow calculator <br>By will ❤️<br><br></h5></footer>
</html>