├── script.js
├── style.css
└── index.html
/script.js:
--------------------------------------------------------------------------------
1 | function displaynum(n1) {
2 | Calculator.text1.value = Calculator.text1.value + n1;
3 | }
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
2 |
3 | body{
4 | width: 100%;
5 | height: 100vh;
6 | display: flex;
7 | align-items: center;
8 | justify-content: center;
9 | background:#000
10 | }
11 |
12 | input{
13 | color:#fff;
14 | padding:17px;
15 | outline:none;
16 | font-size: 30px;
17 | font-family: 'Bebas Neue', cursive;
18 | border-radius: 25%;
19 | }
20 |
21 | .maincolor{
22 | background-color: #000;
23 | }
24 |
25 | .num{
26 | width: 64px;
27 | height: 67px;
28 | }
29 |
30 | .text{
31 | width: 160px;
32 | height: 26px;
33 | border-radius: 22px;
34 | letter-spacing: 5px;
35 | text-align: center;
36 | margin-bottom: 12px;
37 | }
38 |
39 | .text1{
40 | width: 24px;
41 | height: 26px;
42 | border-radius: 22px;
43 | letter-spacing: 5px;
44 | text-align: center;
45 | margin-bottom:12px;
46 | border-radius: 50%;
47 | cursor: pointer;
48 | }
49 |
50 | .main{
51 | display: inline-block;
52 | }
53 |
54 | .blue{
55 | background-color:#0cd0cd;
56 | }
57 |
58 | .pin{
59 | background-color:#cf1596;
60 | }
61 |
62 | .gre{
63 | background-color:#aad800;
64 | }
65 |
66 | .pur{
67 | background-color:#8c52f0
68 | }
69 |
70 | .ora{
71 | background-color:#fcb707;
72 | }
73 |
74 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | Calculadora Black
9 |
10 |
11 |
12 |
13 |
14 |
62 |
63 |
64 |
65 |
66 |
--------------------------------------------------------------------------------