msb-public
/
30-Days-Of-JavaScript
mirror of https://github.com/Asabeneh/30-Days-Of-JavaScript
1
0
Code Issues Projects Releases Wiki Activity

day 21

Browse Source
pull/63/head
Asabeneh 6 years ago
parent 231a018c8c
commit 4bc164d2ad
1 changed files with 7 additions and 31 deletions
Show Stats Download Patch File Download Diff File

26
21_Day/21_day_dom.md
Unescape View File

@ -222,6 +222,7 @@ titles[3].textContent = 'Fourth Title'
``` ```
### Adding style ### Adding style
#### Adding Style Color #### Adding Style Color
Let us add some style to our titles. If the element has even index we give it green color else red. Let us add some style to our titles. If the element has even index we give it green color else red.
@ -278,31 +279,6 @@ As you have notice, the properties of css when we use it in JavaScript is going
## Exercises ## Exercises
```html
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>JavaScript for Everyone:DOM</title>
</head>
<body>
<div class="wrapper">
<h1>Asabeneh Yetayeh challenges in 2020</h1>
<h2>30DaysOfJavaScript Challenge</h2>
<ul>
<li>30DaysOfPython Challenge Done</li>
<li>30DaysOfJavaScript Challenge Ongoing</li>
<li>30DaysOfReact Challenge Coming</li>
<li>30DaysOfFullStack Challenge Coming</li>
<li>30DaysOfDataAnalysis Challenge Coming</li>
<li>30DaysOfReactNative Challenge Coming</li>
<li>30DaysOfMachineLearning Challenge Coming</li>
</ul>
</div>
</body>
</html>
```
### Exercise: Level 1 ### Exercise: Level 1
1. Create an index.html file and put four p elements as above: Get the first paragraph by using **_document.querySelector(tagname)_** and tag name 1. Create an index.html file and put four p elements as above: Get the first paragraph by using **_document.querySelector(tagname)_** and tag name

Write Preview
Loading…
Cancel
Save