diff --git a/puppeteer/fifty-shades-of-cold.js b/puppeteer/fifty-shades-of-cold.js index f7d545934..6fc38b46c 100644 --- a/puppeteer/fifty-shades-of-cold.js +++ b/puppeteer/fifty-shades-of-cold.js @@ -41,6 +41,3 @@ export const choseShade = (shade) => { } }) } - -generateClasses() -generateColdShades() diff --git a/puppeteer/where-do-we-go.js b/puppeteer/where-do-we-go.js index b5cf2dc89..b772e0d24 100644 --- a/puppeteer/where-do-we-go.js +++ b/puppeteer/where-do-we-go.js @@ -2,7 +2,7 @@ import { places } from './data.js' const body = document.querySelector('body') -export const scroll = () => { +export const explore = () => { createSections() const location = document.createElement('div') diff --git a/subjects/build-brick-and-break/README.md b/subjects/build-brick-and-break/README.md index 46c555c59..e7e4a242b 100644 --- a/subjects/build-brick-and-break/README.md +++ b/subjects/build-brick-and-break/README.md @@ -4,25 +4,21 @@ 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: +- 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: + - 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: -```html -
-``` + ```html +
+ ``` -- each brick in the middle column has to be set with the custom attribute `foundation` receiving the value `true` + - 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: +- 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. + - 🔨 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 @@ -36,7 +32,10 @@ Write the body of the `destroy` function, which removes the current last brick i ### Provided files -- Use this CSS file: [style.css](./style.css) +- Use the HTML file [index.html](/public/subjects/build-brick-and-break/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 diff --git a/subjects/fifty-shades-of-cold/README.md b/subjects/fifty-shades-of-cold/README.md index b0c855ff1..4746ac629 100644 --- a/subjects/fifty-shades-of-cold/README.md +++ b/subjects/fifty-shades-of-cold/README.md @@ -6,7 +6,7 @@ You've been asked to freshen a webpage atmosphere by displaying shades of cold c Check the `colors` array provided in the data file below. -- Create a `