Awesome Calculator with source code

1
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js"></script>
3<div class="main-wrapper">
4  <div id="op-history-container" class="hide"></div>
5  
6  <div class="inputs-wrapper">
7    <i class="fas fa-history" id="toggle-history"></i>
8    <input type="text" id="input-top">
9    <input type="text" id="input-bottom" placeholder="0">
10  </div>
11  
12  <div class="gradient-divider"></div>
13  
14  <div class="row">
15    <div data-set="7" class="num">7</div>
16    <div data-set="8" class="num">8</div>
17    <div data-set="9" class="num">9</div>
18    <div data-set="/" class="op">&divide;</div>
19  </div>
20  
21  <div class="row">
22    <div data-set="4" class="num">4</div>
23    <div data-set="5" class="num">5</div>
24    <div data-set="6" class="num">6</div>
25    <div data-set="*" class="op">x</div>
26  </div>
27  
28  <div class="row">
29    <div data-set="1" class="num">1</div>
30    <div data-set="2" class="num">2</div>
31    <div data-set="3" class="num">3</div>
32    <div data-set="-" class="op">-</div>
33  </div>
34  
35  <div class="row">
36    <div class="num" id="reset">C</div>
37    <div data-set="0" class="num">0</div>
38    <div data-set="." class="num">.</div>
39    <div data-set="+" class="op">+</div>
40  </div>
41  
42  <div id="equal" data-set="=">
43    =
44  </div>
45</div>
46
47
48<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js"></script>
49
50