https://github.com/sergeiown/beetrooteducationlesson35
Document Object Model (DOM)
https://github.com/sergeiown/beetrooteducationlesson35
html5 javascript scss
Last synced: 3 months ago
JSON representation
Document Object Model (DOM)
- Host: GitHub
- URL: https://github.com/sergeiown/beetrooteducationlesson35
- Owner: sergeiown
- Created: 2022-12-29T17:50:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-10T09:36:21.000Z (about 2 years ago)
- Last Synced: 2025-01-08T19:22:00.203Z (5 months ago)
- Topics: html5, javascript, scss
- Language: JavaScript
- Homepage: https://sergeiown.github.io/BeetRootEducationLesson35/
- Size: 120 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BeetRootEducation
**_LMS Beetroot Academy progress_**
### TASKS
1. Create a page that shows a numbered list of songs:
```
var playList = [
{
author: "LED ZEPPELIN",
song: "STAIRWAY TO HEAVEN"
},
{
author: "QUEEN",
song: "BOHEMIAN RHAPSODY"
},
{
author: "LYNYRD SKYNYRD",
song: "FREE BIRD"
},
{
author: "DEEP PURPLE",
song: "SMOKE ON THE WATER"
},
{
author: "JIMI HENDRIX",
song: "ALL ALONG THE WATCHTOWER"
},
{
author: "AC/DC",
song: "BACK IN BLACK"
},
{
author: "QUEEN",
song: "WE WILL ROCK YOU"
},
{
author: "METALLICA",
song: "ENTER SANDMAN"
}
];
```
2. Create an HTML page with the "Open" button and a modal window. The modal window should contain text and a "Close" button. At first the modal window is not displayed. When you click on the "Open" button, the modal window appears, and when you click on the "Close" button, it disappears.
3. Create an HTML page with a traffic light and a button that switches the traffic light to the next color.
