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.
 
 
 
 
 
 
lee bc58ab2518 fix(dom-subjects): renaming css files to data.css files 2 years ago
..
README.md fix(dom-subjects): renaming css files to data.css files 2 years ago
build-brick-and-break.data.css fix(dom-subjects): renaming css files to data.css files 2 years ago
build-brick-and-break.html fix(dom-subjects): renaming css files to data.css files 2 years ago

README.md

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 amount of bricks passed as argument:

    • each brick has to be created as a div and added to the page at a regular interval of 100ms.
    • each brick will receive a unique id property, like the following:
    <div id="brick-1"></div>
    
    • each brick in the middle column has to be set with the custom data attribute foundation, receiving the value true.
  • Each one of the two emojis in the top-right corner fires a function on click:

    • 🔨: triggers the function repair. Write the body of that function. It receives any number of ids. For each id, it retrieves the HTML element, and sets the repaired custom attribute to in progress if it is a brick situated in the middle column, and true if not.
    • 🧨: triggers the destroy function. Write the body of that function. It removes the current last brick in the tower.

Files

You only need to create & submit the JS file build-brick-and-break.js, We're providing you the following file to download and test locally:

Expected result

You can see an example of the expected result here

Notions