Asabeneh
5 years ago
@ -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 >>]()
|
||||
|
||||
|
||||
|
||||
- [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.
|
||||
|
||||
|
||||
|
||||
🎉 CONGRATULATIONS ! 🎉
|
||||
|
||||
[<< Day 23](https://github.com/Asabeneh/30DaysOfJavaScript/blob/master/23_Day/23_day_dom_day_3.md) | [Day 24 >>]()
|
||||
|
After Width: | Height: | Size: 378 KiB |
|
After Width: | Height: | Size: 4.5 MiB |
|
After Width: | Height: | Size: 343 KiB |
|
After Width: | Height: | Size: 364 KiB |
|
After Width: | Height: | Size: 491 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 322 KiB |
|
After Width: | Height: | Size: 114 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 421 KiB |
@ -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>
|
||||
@ -0,0 +1,2 @@
|
||||
console.log(countries)
|
||||
alert('Open the console and check if the countries has been loaded')
|
||||
|
After Width: | Height: | Size: 7.7 MiB |