-
Notifications
You must be signed in to change notification settings - Fork 4
/
calc.html
91 lines (91 loc) · 3.81 KB
/
calc.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
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculator</title>
<link rel="stylesheet" href="Calc.css">
</head>
<body>
<video autoplay muted loop id="myVideo">
<source src="math_bg.mp4" type="video/mp4">
</video>
<div id="calculator">
<div id="container1">
<input type="text" id="inputNum" value="0" readonly />
<span id="helper">Deg</span>
</div>
<div id="container2">
<span id="leftBr" onclick='insert("(")'>(</span>
<span id="rightBr" onclick='insert(")")'>)</span>
<span id="factorial" onclick="factorial()">x!</span>
<span id="fibonacci" onclick="fib(inp.value)">Fib</span>
<span id="sin" onclick="showSinDeg()">sin</span>
<span id="cos" onclick="showCosDeg()">cos</span>
<span id="tan" onclick="showTanDeg()">tan</span>
<span id="ctg" onclick="showCtgDeg()">ctg</span>
<span id="PI" onclick="showMathPI()">π</span>
<span id="sinh" onclick="showSinh()">sinh</span>
<span id="E" onclick="showMathE()">e</span>
<span id="cosh" onclick="showCosh()">cosh</span>
<span id="min" onclick="showMinInteger()">Min</span>
<span id="tanh" onclick="showTanh()">tanh</span>
<br />
<span id="xPowY" onclick="xPowY()">x<sup>y</sup></span>
<span id="arcsin" onclick="showArcsinDeg()">sin<sup>-1</sup></span>
<span id="tenPowX" onclick="tenPowX()">10<sup>x</sup></span>
<span id="arccos" onclick="showArccosDeg()">cos<sup>-1</sup></span>
<span id="powE" onclick="powMathE()">e<sup>x</sup></span>
<span id="arctan" onclick="showArctanDeg()">tan<sup>-1</sup></span>
<span id="oneDiv" onclick="oneDivByX()">1 / x</span>
<span id="arcctg" onclick="showArcctgDeg()">ctg<sup>-1</sup></span>
<span id="xPow2" onclick="xPowTwo()">x<sup>2</sup></span>
<span id="xPow3" onclick="xPowThree()">x<sup>3</sup></span>
<span id="twoPowX" onclick="twoPowX()">2<sup>x</sup></span>
<span id="threePowX" onclick="threePowX()">3<sup>x</sup></span>
<span id="max" onclick="showMaxInteger()">Max</span>
<span id="ctgh" onclick="showCtgh()">ctgh</span>
<br />
<span id="sqrt" onclick="showSQRT()">√</span>
<span id="asinh" onclick="showAsinh()">sinh<sup>-1</sup></span>
<span id="cbrt" onclick="showCBRT()">∛</span>
<span id="acosh" onclick="showAcosh()">cosh<sup>-1</sup></span>
<span id="root" onclick="showRoot()">y<sub>√</sub></span>
<span id="atanh" onclick="showAtanh()">tanh<sup>-1</sup></span>
<span id="ln" onclick="showLn()">ln</span>
<span id="actgh" onclick="showActgh()">ctgh<sup>-1</sup></span>
<span id="log2" onclick="showLog2()">log<sub>2</sub></span>
<span id="log10" onclick="showLog10()">log<sub>10</sub></span>
<span id="toggle">2<sup id="sup">nd</sup></span>
<span id="random" onclick="showMathRandom()">Rand</span>
<span id="rad">Rad</span>
<br />
</div>
<div id="container3">
<p id="cleaner" onclick="clearValue()">C</p>
<p id="delNum" onclick="deleteNumber()">←</p>
<p id="percent" onclick="showPercent()">%</p>
<p id="divide" onclick='insert("/")'>÷</p>
<br />
<p id="one" onclick="insert(7)">7</p>
<p id="two" onclick="insert(8)">8</p>
<p id="three" onclick="insert(9)">9</p>
<p id="mult" onclick='insert("*")'>×</p>
<br />
<p id="four" onclick="insert(4)">4</p>
<p id="five" onclick="insert(5)">5</p>
<p id="six" onclick="insert(6)">6</p>
<p id="minus" onclick='insert("-")'>-</p>
<br />
<p id="seven" onclick="insert(1)">1</p>
<p id="eight" onclick="insert(2)">2</p>
<p id="nine" onclick="insert(3)">3</p>
<p id="plus" onclick='insert("+")'>+</p>
<br />
<p id="zero" onclick="insert(0)">0</p>
<p id="point" onclick='insert(".")'>,</p>
<p id="equal" onclick="equal()">=</p>
</div>
</div>
</body>
<script src="calc.js"></script>
</html>