gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): inconsistent value attribute between steps 9 to 12 in superhero application form (#60804)

Browse Source
This commit is contained in:
Vishnu D
2025-06-12 22:02:04 +05:30
committed by GitHub
parent db71360fda
commit a1364295ef
2 changed files with 17 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/25-front-end-development/workshop-superhero-application-form/680900675ae3d54ee19590c9.md
+16 -7
View File
@@ -19,51 +19,60 @@ Inside your `select` element, you need to create options for the user to choose
| `Ancient artifact discovery` |
| `Other` |
The first option (`Select one`) should have an empty string as its `value` attribute (i.e., `value=''`). This acts as a placeholder in the UI.
# --hints--
Your should create the first `option` element with the text `Select one` inside your `select` element.
You should create the first `option` element with the text `Select one` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[0]?.textContent, "Select one");
```
Your should create a second `option` element with the text `Bitten by a strange creature` inside your `select` element.
You should give the first `option` element a `value` attribute with an empty string.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[0]?.getAttribute('value'), '');
```
You should create a second `option` element with the text `Bitten by a strange creature` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[1]?.textContent, "Bitten by a strange creature");
```
Your should create a third `option` element with the text `Radioactive exposure` inside your `select` element.
You should create a third `option` element with the text `Radioactive exposure` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[2]?.textContent, "Radioactive exposure");
```
Your should create a fourth `option` element with the text `Science experiment` inside your `select` element.
You should create a fourth `option` element with the text `Science experiment` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[3]?.textContent, "Science experiment");
```
Your should create a fifth `option` element with the text `Alien heritage` inside your `select` element.
You should create a fifth `option` element with the text `Alien heritage` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[4]?.textContent, "Alien heritage");
```
Your should create a sixth `option` element with the text `Ancient artifact discovery` inside your `select` element.
You should create a sixth `option` element with the text `Ancient artifact discovery` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
assert.equal(optionEls[5]?.textContent, "Ancient artifact discovery");
```
Your should create a seventh `option` element with the text `Other` inside your `select` element.
You should create a seventh `option` element with the text `Other` inside your `select` element.
```js
const optionEls = document?.querySelectorAll("select > option");
curriculum/challenges/english/25-front-end-development/workshop-superhero-application-form/680900675ae3d54ee19590cb.md
+1 -1
View File
@@ -219,7 +219,7 @@ export const SuperheroForm = () => {
<label className='section column'>
How did you get your powers?
<select>
<option>
<option value=''>
Select one
</option>
--fcc-editable-region--