You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
<div align="center">
|
|
|
|
<h1> 30 Days Of JavaScript</h1>
|
|
|
|
<a class="header-badge" target="_blank" href="https://www.linkedin.com/in/asabeneh/">
|
|
|
|
<img src="https://img.shields.io/badge/style--5eba00.svg?label=LinkedIn&logo=linkedin&style=social">
|
|
|
|
</a>
|
|
|
|
<a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh">
|
|
|
|
<img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social">
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<sub>Author:
|
|
|
|
<a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
|
|
|
|
<small> January, 2020</small>
|
|
|
|
</sub>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
[<< 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)
|
|
|
|
|
|
|
|
![Thirty Days Of JavaScript](../images/banners/day_1_29.png)
|
|
|
|
|
|
|
|
- [Day 29](#day-29)
|
|
|
|
- [Exercises](#exercises)
|
|
|
|
- [Exercise: Level 1](#exercise-level-1)
|
|
|
|
- [Exercise: Level 2](#exercise-level-2)
|
|
|
|
- [Exercise: Level 3](#exercise-level-3)
|
|
|
|
|
|
|
|
# Day 29
|
|
|
|
|
|
|
|
## Exercises
|
|
|
|
|
|
|
|
### Exercise: Level 1
|
|
|
|
|
|
|
|
1. Create the following animation using (HTML, CSS, JS)
|
|
|
|
|
|
|
|
![Slider](./../images/projects/dom_min_project_30DaysOfJavaScript_color_changing_day_9.1.gif)
|
|
|
|
|
|
|
|
|
|
|
|
### Exercise: Level 2
|
|
|
|
|
|
|
|
### Exercise: Level 3
|
|
|
|
|
|
|
|
🎉 CONGRATULATIONS ! 🎉
|
|
|
|
|
|
|
|
[<< 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)
|