Skip to content

Commit 1e0524f

Browse files
nerdjfpbnerdjfpb
committed
Day 27
1 parent 944a03c commit 1e0524f

File tree

4 files changed

+41
-0
lines changed

4 files changed

+41
-0
lines changed

‎Day 27/css/style.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.special-heading {
2+
background: slateblue;
3+
color: white;
4+
font-size: 30px;
5+
margin: 25px;
6+
}

‎Day 27/index.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>JavaScript Tutorial</title>
7+
<link rel="stylesheet" href="./css/style.css" />
8+
</head>
9+
<body>
10+
<h1 class="main-heading">Welcome to this otaku kingdom</h1>
11+
<p class="sub-heading">You can find different types of anime here.</p>
12+
<button>Anime Button</button>
13+
<ul class="anime-list">
14+
<li>One piece</li>
15+
<li>Naruto</li>
16+
<li>One Punch Man</li>
17+
<li>Dr. Stone</li>
18+
<li>Haikyuu</li>
19+
<li>Boku no hero academia</li>
20+
</ul>
21+
<script src="./js/script.js"></script>
22+
</body>
23+
</html>

‎Day 27/js/script.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
console.log('Welcome to day 27')
2+
console.log('DOM EVENT INTRODUCTION')
3+
4+
var button = document.querySelector('button')
5+
6+
button.addEventListener('click', function() {
7+
console.log('Anime Button is Clicked')
8+
})

‎README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,3 +109,7 @@ Day 25
109109
Day 26
110110
```
111111
* [Day 26](https://blog.nerdjfpb.com/javascript-part-26/) - Play With the Dom (querySelector)
112+
```
113+
Day 27
114+
```
115+
* [Day 27](https://blog.nerdjfpb.com/javascript-part-27/) - Dom Event Introduction

0 commit comments

Comments
 (0)