Skip to content

Commit 954f7b1

Browse files
authored
Add files via upload
1 parent 61739d4 commit 954f7b1

File tree

2 files changed

+72
-0
lines changed

2 files changed

+72
-0
lines changed

index.js

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
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+

style.css

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
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+
}

0 commit comments

Comments
 (0)