@ -14,8 +14,6 @@ This is more of a puzzle to use your brain to follow hints and make things work,
> Follow the instructions, ask your peers if you are stuck and stay motivated because you are close to the Quest 00 goal!
> Follow the instructions, ask your peers if you are stuck and stay motivated because you are close to the Quest 00 goal!
> Follow every hint you have in the subject!
> Follow every hint you have in the subject!
### Instructions
### Instructions
- for the JavaScript (JS) files, when you have to link one, it's named like so: `name-of-the-exercise.js`
- for the JavaScript (JS) files, when you have to link one, it's named like so: `name-of-the-exercise.js`
@ -34,17 +32,15 @@ First, define this new class in `your CSS file`:
#### Task 1
#### Task 1
Second, [`Link a JS script`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script) to your HTML file.
Second, [`Link a JS script`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script) to your HTML file.
#### Task 2
#### Task 2
Then in your Javascript file, you're going to close the left eye of your entity. To do so, you have to target the `eye-left` HTML element by its `id` using the [`getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) method.
Then in your Javascript file, you're going to close the left eye of your entity. To do so, you have to target the `eye-left` HTML element by its `id` using the [`getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) method.
#### Task 3
#### Task 3
Then, [set the `style`](https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style#setting_styles) of your `eye-left` to change its background color to "black". We also need to modify its shape; for that, we are going to add a new class to it.
Then, [set the `style`](https://developer.mozilla.org/en-US/docs/Web/API/ElementCSSInlineStyle/style#setting_styles) of your `eye-left` to change its background color to "black". We also need to modify its shape; for that, we are going to add a new class to it.
### Code examples
### Code examples
#### Example 1
#### Example 1
@ -61,8 +57,7 @@ In HTML file:
In the JS file:
In the JS file:
```js
```js
const nose = document.getElementById('nose');
const nose = document.getElementById("nose");
```
```
#### Example 2
#### Example 2
@ -77,8 +72,9 @@ To change the color of the nose to red:
> By the way, do you like your new background color chosen earlier? Me too.
> By the way, do you like your new background color chosen earlier? Me too.
> To personalize your robot even more, don't hesitate to change the inclination of its arms in a direction that reflects the personality you have chosen!
> To personalize your robot even more, don't hesitate to change the inclination of its arms in a direction that reflects the personality you have chosen!
> I think [adding a rotation](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate) to the `arm class` is a good solution.
> I think [adding a rotation](https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate) to the `arm class` is a good solution.