mirror of https://github.com/01-edu/public.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.9 KiB
1.9 KiB
Build brick and break
Instructions
Today, your mission is to build a 3-column brick tower, maintain it and finally break it!
Create a function build
which will create and display the given amount of bricks passed as argument:
- each brick has to be created and added to the page at a regular interval of time (at least 50ms),
- each brick will receive a unique
id
property, like following:
<div id="brick-1"></div>
- each brick in the middle column has to be set with the custom attribute
foundation
receiving the valuetrue
Each one of the two emojis in the top-right corner fires a function on click:
- 🔨 triggers the function
repair
- 🧨 triggers the function
destroy
Write the body of the repair
function, which receives any number of ids
, and for each id
, retrieves the HTML element and set a custom attribute repaired
set to in progress
if it is a brick situated in the middle column, and true
if not.
Write the body of the destroy
function, which removes the current last brick in the tower.
Notions
Provided files
- Use this CSS file: style.css
Expected result
You can see an example of the expected result here