Tell visitors without scripting what to do.
Acceptance criteria
- 1.Tell visitors without scripting what to do.
HTML Tutorial · HTML Tags
These 10 tasks go with the HTML <noscript> Tag chapter. 5 of them ask you to build something small from scratch; 5 give you code that is already broken and ask you to work out why. Set aside about 90 minutes for the whole set, though you can do them in any order.
Nothing here is marked by a person. When you press Submit, the editor checks your code against the points listed under each task and tells you straight away what passed and what didn't (you need a free account to submit). If you get stuck, there are hints, and a worked solution once you've had a go. The first 2 tasks are free; the rest are part of the practice plan.
If it's been a while since you read the chapter, here is how it starts: “The tag defines alternative content that is displayed only when JavaScript is disabled in the browser or when the browser does not support scripting.” .
1.Add a fallback messageexercise · easy · 10 min
Tell visitors without scripting what to do.
Passes when: Tell visitors without scripting what to do.
2.Explain what is missingexercise · easy · 10 min · practice plan
Say which feature needs scripting.
Passes when: Say which feature needs scripting.
3.Offer an alternativeexercise · easy · 10 min · practice plan
Give a link that works without scripting.
Passes when: Give a link that works without scripting.
4.Fallback beside a scriptexercise · easy · 10 min · practice plan
Add a script and a noscript fallback together.
Passes when: Add a script and a noscript fallback together.
5.A complete fallbackexercise · medium · 10 min · practice plan
Explain the problem and offer a working link.
Passes when: Explain the problem and offer a working link.
6.Fix the fallback outside noscriptbug fix · easy · 8 min
The message should only show when scripting is off.
Passes when: The message should only show when scripting is off.
7.Fix the vague messagebug fix · easy · 8 min · practice plan
Say which feature is affected.
Passes when: Say which feature is affected.
8.Fix the fallback with no way forwardbug fix · easy · 8 min · practice plan
Offer a link that works without scripting.
Passes when: Offer a link that works without scripting.
9.Fix the script with no fallbackbug fix · easy · 8 min · practice plan
Nothing is shown when scripting is unavailable.
Passes when: Nothing is shown when scripting is unavailable.
10.Fix the link left out of the fallbackbug fix · easy · 8 min · practice plan
The alternative belongs inside noscript.
Passes when: The alternative belongs inside noscript.
Between them these tasks cover Fallback content and Progressive enhancement.
Looking for a different chapter? See every practice set, or switch to the interview theory questions.