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.
 
 
 
 
 
 
anr-m b3e3dc6623
Update build-brick-and-break
4 years ago
..
README.md Update build-brick-and-break 4 years ago
index.html Fixed the style selector for bricks + pass argument to build function. (#603) 4 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 given 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 following:
    <div id="brick-1"></div>
    
    • each brick in the middle column has to be set with the custom 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, 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
    • 🧨 triggers the function destroy: write the body of that function, which removes the current last brick in the tower

Notions

Provided files

  • Check the HTML file index.html, which includes:

    • the JS script running some code, and which will also allow to run yours
    • some CSS pre-styled classes: feel free to use those as they are, or modify them

Expected result

You can see an example of the expected result here