Skip to content

Commit 3765e51

Browse files
AsabenehAsabeneh
committed
day 29
1 parent 51f3b20 commit 3765e51

11 files changed

+2104
-1
lines changed

‎.gitignore‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,6 @@ day9.md
1414
day10.md
1515
01_02_03_days_backup.md
1616
test.md
17-
29_Day
1817
30_Day
1918
test.html
2019
res.js

‎29_Day/29_day_dom_day_9.md‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<div align="center">
2+
<h1> 30 Days Of JavaScript</h1>
3+
<a class="header-badge" target="_blank" href="https://www.linkedin.com/in/asabeneh/">
4+
<img src="https://img.shields.io/badge/style--5eba00.svg?label=LinkedIn&logo=linkedin&style=social">
5+
</a>
6+
<a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh">
7+
<img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social">
8+
</a>
9+
10+
<sub>Author:
11+
<a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
12+
<small> January, 2020</small>
13+
</sub>
14+
15+
</div>
16+
17+
[<< Day 27](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master27_Day27_day_dom_day_7.md) | [Day 29>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/29_Day/29_day_dom_day_9.md)
18+
19+
![Thirty Days Of JavaScript](../images/banners/day_1_28.png)
20+
21+
- [Day 29](#day-29)
22+
- [Exercises](#exercises)
23+
- [Exercise: Level 1](#exercise-level-1)
24+
- [Exercise: Level 2](#exercise-level-2)
25+
- [Exercise: Level 3](#exercise-level-3)
26+
27+
# Day 29
28+
29+
## Exercises
30+
31+
### Exercise: Level 1
32+
33+
1. Create the following animation using (HTML, CSS, JS)
34+
35+
![Slider](./../images/projects/dom_min_project_30DaysOfJavaScript_color_changing_day_9.1.gif)
36+
37+
38+
### Exercise: Level 2
39+
40+
### Exercise: Level 3
41+
42+
🎉 CONGRATULATIONS ! 🎉
43+
44+
[<< Day 28](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master28_Day28_day_dom_day_8.md) | [Day 30>>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/30_Day/30_day_dom_day_10.md)

‎29_Day/29_day_starters/project_1/design/dom_min_project_30DaysOfJavaScript_color_changing_day_9.1.gif‎

3.73 MB
Loading

‎29_Day/29_day_starters/project_1/index.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
9+
<link
10+
href="https://fonts.googleapis.com/css?family=Aldrich|Lato:300,400,700|Montserrat:300,400,500|Nunito:300,400,600|Oswald|Raleway+Dots|Raleway:300,400|Roboto:300,400,500&display=swap"
11+
rel="stylesheet">
12+
<script src="https://kit.fontawesome.com/ce3e7ed90f.js" crossorigin="anonymous"></script>
13+
<title>30Days Of JavaScript: 29 Project 1</title>
14+
15+
</head>
16+
17+
<body>
18+
<div>
19+
20+
</div>
21+
22+
<script src="./scripts/main.js"></script>
23+
24+
</body>
25+
26+
</html>

‎29_Day/29_day_starters/project_1/scripts/main.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
console.log(countries)
2+
alert('Open the console and check if the countries has been loaded')

0 commit comments

Comments
 (0)