day 24

jerexbambex · Jan 25, 2020 · ca2a1c8 · ca2a1c8
1 parent 6ed4ed4
commit ca2a1c8
Show file tree

Hide file tree

Showing 20 changed files with 80 additions and 3 deletions.
diff --git a/.gitignore b/.gitignore
@@ -14,7 +14,6 @@ day9.md
 day10.md
 01_02_03_days_backup.md
 test.md
-24_Day
 25_Day
 26_Day
 27_Day

diff --git a/23_Day/23_day_dom_day_3.md b/23_Day/23_day_dom_day_3.md
@@ -14,7 +14,7 @@
 
 </div>
 
-[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>]()
+[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/24_Day/24_day_dom_day_4.md)
 
 ![Thirty Days Of JavaScript](../images/banners/day_1_23.png)
 
@@ -331,4 +331,4 @@ We can access all the key numbers of the keyboard using different event listener
 
 🎉 CONGRATULATIONS ! 🎉
 
-[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>]()
+[<< Day 22](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/22_Day/22_day_dom_day_2.md) | [Day 24 >>](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/24_Day/24_day_dom_day_4.md)
diff --git a/24_Day/24_day_dom_day_4.md b/24_Day/24_day_dom_day_4.md
@@ -0,0 +1,37 @@
+<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 23](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/23_Day/23_day_dom_day_3.md) | [Day 24 >>]()
+
+![Thirty Days Of JavaScript](../images/banners/day_1_24.png)
+
+- [Day 24](#day-24)
+  - [Exercises](#exercises)
+    - [Exercise: Level 1](#exercise-level-1)
+
+# Day 24
+
+## Exercises
+
+### Exercise: Level 1
+
+1. Develop a small application which calculate a weight of an object in a certain planet. The gif image is not complete check the video in the starter file.
+
+![Solar System](./../images/projects/dom_min_project_solar_system_day_4.1.gif)
+
+🎉 CONGRATULATIONS ! 🎉
+
+[<< Day 23](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/23_Day/23_day_dom_day_3.md) | [Day 24 >>]()
diff --git a/24_Day/24_day_starter/design/dom_min_project_solar_system_day_4.1.mp4 b/24_Day/24_day_starter/design/dom_min_project_solar_system_day_4.1.mp4
diff --git a/24_Day/24_day_starter/images/earth.png b/24_Day/24_day_starter/images/earth.png
diff --git a/24_Day/24_day_starter/images/galaxy.gif b/24_Day/24_day_starter/images/galaxy.gif
diff --git a/24_Day/24_day_starter/images/jupiter.png b/24_Day/24_day_starter/images/jupiter.png
diff --git a/24_Day/24_day_starter/images/mars.png b/24_Day/24_day_starter/images/mars.png
diff --git a/24_Day/24_day_starter/images/mercury.png b/24_Day/24_day_starter/images/mercury.png
diff --git a/24_Day/24_day_starter/images/moon.png b/24_Day/24_day_starter/images/moon.png
diff --git a/24_Day/24_day_starter/images/neptune.png b/24_Day/24_day_starter/images/neptune.png
diff --git a/24_Day/24_day_starter/images/pluto.png b/24_Day/24_day_starter/images/pluto.png
diff --git a/24_Day/24_day_starter/images/saturn.png b/24_Day/24_day_starter/images/saturn.png
diff --git a/24_Day/24_day_starter/images/uranus.png b/24_Day/24_day_starter/images/uranus.png
diff --git a/24_Day/24_day_starter/images/venus.png b/24_Day/24_day_starter/images/venus.png
diff --git a/24_Day/24_day_starter/index.html b/24_Day/24_day_starter/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Solar System: Document Object Model:30 Days Of JavaScript</title>
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <header>
+        <h1>Calculate a weight of an object on a planet</h1>
+
+        <input type="text" id="mass" placeholder="Mass in Kilogram" />
+        <select>
+            <option value='none'>--select planet-- </option>
+        </select>
+        <button>Calculate weight</button>
+
+    </header>
+    <main>
+        <div class="flex-container">
+            <div class="flex-item image">
+                <img src='./images/earth.png' class="planet-image" />
+            </div>
+            <div class="flex-item description"></div>
+
+        </div>
+
+
+    </main>
+
+
+
+
+
+    <script src="./scripts/main.js"></script>
+</body>
+
+</html>
diff --git a/24_Day/24_day_starter/scripts/main.js b/24_Day/24_day_starter/scripts/main.js
@@ -0,0 +1,2 @@
+console.log(countries)
+alert('Open the console and check if the countries has been loaded')
diff --git a/images/projects/dom_min_project_solar_system_day_4.1.gif b/images/projects/dom_min_project_solar_system_day_4.1.gif
diff --git a/images/projects/dom_min_project_solar_system_day_4.1.mkv b/images/projects/dom_min_project_solar_system_day_4.1.mkv
diff --git a/images/projects/dom_min_project_solar_system_day_4.1.mp4 b/images/projects/dom_min_project_solar_system_day_4.1.mp4
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,6 @@ day9.md @@
     day10.md
 _02_03_days_backup.md
     test.md
-_Day
 _Day
 _Day
 _Day
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		console.log(countries)
		alert('Open the console and check if the countries has been loaded')