Skip to content

Commit 7be7558

Browse files
josueJUREjosueJURE
committed
feat(JS): create history button
1 parent 6e9f631 commit 7be7558

File tree

2 files changed

+28
-22
lines changed

2 files changed

+28
-22
lines changed

‎index.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ body {
3030
background-color: rgb(27 22 22 / 39%);
3131
}
3232

33+
.history,
3334
.child {
3435
border: 1px black solid;
3536
display: grid;

‎index.html‎

Lines changed: 27 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9,28 +9,33 @@
99
<body>
1010
<div class="parent">
1111
<div data-screen class="screen">0</div>
12-
<div data-value="AC" class="child symbol">AC</div>
13-
<div data-value="minus" class="child symbol">+/-</div>
14-
<div data-value="%" data-operator class="child symbol">%</div>
15-
<div data-value="/" data-number class="child operator">÷</div>
16-
<div data-value="7" class="child digit">7</div>
17-
<div data-value="8" data-number class="child digit">8</div>
18-
<div data-value="9" class="child digit">9</div>
19-
<div data-value="*" data-operator class="child operator">x</div>
20-
<div data-value="4" class="child digit">4</div>
21-
<div data-value="5" class="child digit">5</div>
22-
<div data-value="6" class="child digit">6</div>
23-
<div data-value="-" data-operator class="child operator">-</div>
24-
<div data-value="1" class="child digit">1</div>
25-
<div data-value="2" class="child digit">2</div>
26-
<div data-value="3" class="child digit">3</div>
27-
<div data-value="+" data-operator class="child operator">+</div>
28-
<div data-value="0" class="child zero">0</div>
29-
<div data-value="DE" class="child DE">DE</div>
30-
<div data-value="." class="child">.</div>
31-
<div data-value="=" data-operator class="child operator">=</div>
32-
<div data-value="(" data-operator class="child operator">(</div>
33-
<div data-value=")" data-operator class="child operator">)</div>
12+
13+
<div data-value="AC" class="child symbol">AC</div>
14+
<div data-value="minus" class="child symbol">+/-</div>
15+
<div data-value="%" data-operator class="child symbol">%</div>
16+
<div data-value="/" data-number class="child operator">÷</div>
17+
<div data-value="7" class="child digit">7</div>
18+
<div data-value="8" data-number class="child digit">8</div>
19+
<div data-value="9" class="child digit">9</div>
20+
<div data-value="*" data-operator class="child operator">x</div>
21+
<div data-value="4" class="child digit">4</div>
22+
<div data-value="5" class="child digit">5</div>
23+
<div data-value="6" class="child digit">6</div>
24+
<div data-value="-" data-operator class="child operator">-</div>
25+
<div data-value="1" class="child digit">1</div>
26+
<div data-value="2" class="child digit">2</div>
27+
<div data-value="3" class="child digit">3</div>
28+
<div data-value="+" data-operator class="child operator">+</div>
29+
<div data-value="0" class="child zero">0</div>
30+
<div data-value="DE" class="child DE">DE</div>
31+
<div data-value="." class="child">.</div>
32+
<div data-value="=" data-operator class="child operator">=</div>
33+
<div data-value="(" data-operator class="child operator">(</div>
34+
<div data-value=")" data-operator class="child operator">)</div>
35+
<div data-value="history" class="history">history</div>
36+
37+
38+
3439
</div>
3540
</div>
3641
<script src="index.js"></script>

0 commit comments

Comments
 (0)