opensource/freeCodeCamp
3
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-09-24 23:01:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(curriculum): add missing backticks and fix wording in reusable navbar step 7 (#61043)

Browse Source 
Co-authored-by: Hassan Waqar <hassanwaqar@ITs-MacBook-Pro.local>
This commit is contained in:
hassanwaqa
2025-06-24 11:36:40 -07:00
committed by GitHub
co-authored by Hassan Waqar
parent d2ff15ef14
commit 7058bf5320
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/25-front-end-development/workshop-reusable-mega-navbar/6745d799beeb822076a4da9d.md
+4 -4
View File
@@ -7,25 +7,25 @@ dashedName: step-7
# --description--
Inside the third list item, create a button with an `aria-expanded` attribute set to `false`. Also, set the text of the `button` to `Apps`.
Inside the third list item, create a `button` element with an `aria-expanded` attribute set to `false`. Also, set the text of the `button` to `Apps`.
The `aria-expanded` attribute will communicate to screen reader users that the button triggers an expandable submenu.
# --hints--
You should create a `button` tag inside the second list item.
You should create a `button` element inside the second list item.
```js
assert.exists(document.querySelector('li button'));
```
Your button should have an `aria-expanded` attribute set to `false`.
Your `button` element should have an `aria-expanded` attribute set to `false`.
```js
assert.equal(document.querySelector('button')?.getAttribute('aria-expanded'), 'false');
```
Your `button` tag should have the text `Apps`.
Your `button` element should have the text `Apps`.
```js
assert.equal(document.querySelector('li button')?.textContent, 'Apps');