File tree Expand file tree Collapse file tree 2 files changed +72
-0
lines changed Expand file tree Collapse file tree 2 files changed +72
-0
lines changed Original file line number Diff line number Diff line change
1
+ let add = document . getElementById ( 'increment' ) ;
2
+ let remove = document . getElementById ( 'decrement' ) ;
3
+
4
+ let int = document . getElementById ( 'number' ) ;
5
+ let integer = 0 ;
6
+
7
+ add . addEventListener ( 'click' , function ( ) {
8
+ integer += 1 ;
9
+ int . innerHTML = integer ;
10
+ } )
11
+
12
+ remove . addEventListener ( 'click' , function ( ) {
13
+ integer -= 1 ;
14
+ int . innerHTML = integer ;
15
+ } )
16
+
17
+
Original file line number Diff line number Diff line change
1
+ body {
2
+ background-color : # 000000 ;
3
+ }
4
+
5
+ # container-1 {
6
+ height : 600px ;
7
+ width : 550px ;
8
+ margin : 0 auto 0 auto;
9
+ background : url (img/counter-bg.jpg);
10
+ }
11
+
12
+ # container {
13
+ height : 500px ;
14
+ width : 300px ;
15
+ border : 2px solid # ffffff ;
16
+ margin : 60px 125px 0 125px ;
17
+ background : url (img/counter-bg.jpg);
18
+ display : inline-block;
19
+ box-shadow : 0px 10px 10px black;
20
+ }
21
+
22
+ h1 {
23
+ text-align : center;
24
+ color : # ffffff ;
25
+ margin : 60px auto 0 auto;
26
+ font-size : 40px ;
27
+ }
28
+
29
+ # number {
30
+ height : 25px ;
31
+ width : 250px ;
32
+ margin : auto;
33
+ margin-top : 10px ;
34
+ text-align : center;
35
+ font-size : 150px ;
36
+ color : # 008000 ;
37
+ }
38
+
39
+ # increment {
40
+ height : 25px ;
41
+ width : 120px ;
42
+ margin : 15px 90px 40px 90px ;
43
+ background-color : # 000080 ;
44
+ color : # ffffff ;
45
+ box-shadow : 0px 5px 10px black;
46
+ }
47
+
48
+ # decrement {
49
+ height : 25px ;
50
+ width : 150px ;
51
+ margin : 230px 75px 0px 75px ;
52
+ background-color : # 000080 ;
53
+ color : # ffffff ;
54
+ box-shadow : 0px 5px 10px black;
55
+ }
You can’t perform that action at this time.
0 commit comments