This is the web page for the week three activity and I have tried to make it more interesting using Javascript!
You need to programmatically display the text value of the this element in this paragraph in the javascript console. You will probably need to go look at the source HTML and figure out what would be the most effective way to get the element in the previous sentence. It will be tricky!
Text in "em" element (that is - "this element") in above pharagraph will be displayed on console.
| First | Last | Occupation |
|---|---|---|
| Bruce | Wayne | The Batman |
| Clark | Kent | Superman |
| Diana | Prince | Wonder Woman |
| Peter | Parker | Spiderman |
| Þórr | ðunor | Thor |
| Carol | Danvers | Captain Marvel |
| Tony | Stark | Iron Man |
| Logan | Logan | Wolverine |
| Natasha | Romanova | Black Widow |
| Thanos | Thanos | Thanos |
Background of alternate rows will be changed.
New item "Milk" will be added to the list and all even positioned items will be crossed out.
This will enable the night mode. Background will be changed to black and all the elements will be adjusted accordingly to make them visible on dark background.
This can be achieved more efficiently using CSS and toggling mode using script but as this activity is about javascript so I have tried to make it work using JS only without changing anything in CSS.