jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-04-30 16:01:14 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): element references in Storytelling App (#60369)

Browse Source
This commit is contained in:
Huyen Nguyen
2025-05-15 20:51:06 +07:00
committed by GitHub
parent a22577eaa6
commit ece81bdca2
5 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
curriculum/challenges/english/25-front-end-development/workshop-storytelling-app/671fa1717ba9ea1a5fa028e0.md
View File

@@ -7,7 +7,7 @@ dashedName: step-2
# --description--
Create a `main` element with a class of `story-container`. Inside the `story-container`, create a `div` with a class of `btn-container`.
Create a `main` element with a class of `story-container`. Inside the `.story-container` element, create a `div` with a class of `btn-container`.
# --hints--
@@ -17,7 +17,7 @@ You should have a `main` element with a class of `story-container`.
assert.exists(document.querySelector('main.story-container'));
```
Inside the `story-container` element, you should have a `div` with a class of `btn-container`.
Inside the `.story-container` element, you should have a `div` with a class of `btn-container`.
```js
assert.exists(document.querySelector('main.story-container div.btn-container'));

2
curriculum/challenges/english/25-front-end-development/workshop-storytelling-app/671fa22e99042b1e91fe9d2e.md
View File

@@ -11,7 +11,7 @@ Inside the `.btn-container` , create three buttons for each type of story. Give
# --hints--
Inside the `btn-container` div, you should have three buttons.
Inside the `.btn-container` element, you should have three buttons.
```js
assert.lengthOf(document.querySelectorAll('.btn-container > button') ,3);

2
curriculum/challenges/english/25-front-end-development/workshop-storytelling-app/671fa47e415d88263d349a10.md
View File

@@ -17,7 +17,7 @@ You should create a `script` element.
assert.lengthOf(document.querySelectorAll('script'), 3);
```
Your `script` element should have an `src` attribute set to `script.js`.
Your `script` element should have a `src` attribute set to `script.js`.
```js
const script = document.querySelector("script[data-src$='script.js']");

2
curriculum/challenges/english/25-front-end-development/workshop-storytelling-app/671fa537114e412950b62089.md
View File

@@ -17,7 +17,7 @@ You should have a `storyContainer` variable.
assert.isDefined(storyContainer);
```
You should select the `div` with the class `story-container` using the `querySelector` method and store it in the `storyContainer` variable.
You should select the `.story-container` element using the `querySelector` method and store it in the `storyContainer` variable.
```js
assert.deepEqual(storyContainer, document.querySelector(".story-container"));

2
curriculum/challenges/english/25-front-end-development/workshop-storytelling-app/671fa769540d152e53327f4b.md
View File

@@ -18,7 +18,7 @@ assert.isDefined(scaryStoryBtn);
assert.deepEqual(scaryStoryBtn, document.getElementById("scary-btn"));
```
You should select the `#funny-btn` button using the `getElementById` method and store it in the `funnyStoryBtn` variable.
You should select the `#funny-btn` button using the `getElementById` method and store it in the `funnyStoryBtn` variable.
```js
assert.isDefined(funnyStoryBtn);