Reorder Scripting test your skills for consistency #42963

chrisdavidmills · 2026-01-29T09:16:08Z

Description

I got some feedback that the ordering of the "Test your skills" articles has become confusing since the last update. Specifically, in some of the tests, the "solution" live sample appears before the "starting state" live sample, so it is unclear which one to click on to start the test.

To remedy this, I have decided to go through all the "Test your skills" articles and make the structure as consistent as possible throughout, fixing the above issue in the process.

This PR in particular updates the structure of the Dynamic scripting with JavaScript "Test your skills" articles.

Note: Not all of the tests show the finished state of the example. I have elected not to show it in cases where the before and after rendering look no different, where the final rendering gives away the answer, and where the question is freeform so there is no single answer.

Motivation

Additional details

Related issues and pull requests

github-actions · 2026-01-29T09:17:29Z

Preview URLs (10 pages)

Flaws (4)

Note! 6 documents with no flaws that don't need to be listed. 🎉

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Learn_web_development/Core/Scripting/Test_your_skills/Arrays
Title: Test your skills: Arrays
Flaw count: 1

macros:
- Macro ? produces link /en-US/curriculum/ which doesn't resolve

URL: /en-US/docs/Learn_web_development/Core/Scripting/Test_your_skills/Conditionals
Title: Test your skills: Conditionals
Flaw count: 1

macros:
- Macro ? produces link /en-US/curriculum/ which doesn't resolve

URL: /en-US/docs/Learn_web_development/Core/Scripting/Test_your_skills/Functions
Title: Test your skills: Functions
Flaw count: 1

macros:
- Macro ? produces link /en-US/curriculum/ which doesn't resolve

URL: /en-US/docs/Learn_web_development/Core/Scripting/Test_your_skills/JSON
Title: Test your skills: JSON
Flaw count: 1

macros:
- Macro ? produces link /en-US/curriculum/ which doesn't resolve

External URLs (1)

URL: /en-US/docs/Learn_web_development/Core/Scripting/Test_your_skills/Variables
Title: Test your skills: Variables

https://scrimba.com/learn-javascript-c0v/~059?via=mdn (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2026-02-03 16:25:20)

chrisdavidmills · 2026-01-29T18:47:27Z

Converting to draft until I've looked through the review at #42953.

dipikabh

Looks good, some minor suggestions.

Thanks a lot, Chris!

dipikabh · 2026-02-03T14:50:50Z

files/en-us/learn_web_development/core/scripting/test_your_skills/arrays/index.md


 <!-- Example-specific code -->

+The starting point of the task looks like this:


Should we indicate here that the empty frame is expected?

Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (nothing is shown yet):

or "(it starts empty)"

done; this is a good idea. I've repeated it in all other similar examples.

dipikabh · 2026-02-03T14:51:46Z

files/en-us/learn_web_development/core/scripting/test_your_skills/arrays/index.md

 ```

-{{ EmbedLiveSample("arrays-1", "100%", 60) }}
+The finished output should look like this:


Suggested change

The finished output should look like this:

After you complete the task, the output should look like this:

dipikabh · 2026-02-03T14:53:44Z

files/en-us/learn_web_development/core/scripting/test_your_skills/arrays/index.md

 2. Store the length of the array in a variable called `arrayLength`.
 3. Store the last item in the array in a variable called `lastItem`.

+The starting point of the task looks like this:


Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (starts empty):

dipikabh · 2026-02-03T14:54:02Z

files/en-us/learn_web_development/core/scripting/test_your_skills/arrays/index.md

 ```

-{{ EmbedLiveSample("arrays-2", "100%", 60) }}
+The finished output should look like this:


Suggested change

The finished output should look like this:

The output should look like this:

dipikabh · 2026-02-03T14:54:32Z

files/en-us/learn_web_development/core/scripting/test_your_skills/arrays/index.md

 3. Iterate over each item in the array and add its index number after the name inside parentheses, for example `Ryu (0)`. Note that we don't teach how to do this in the Arrays article, so you'll have to do some research.
 4. Finally, join the array items together in a single string called `myString`, with a separator of `"-"`.

+The starting point of the task looks like this:


Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (starts empty):

dipikabh · 2026-02-03T15:15:47Z

files/en-us/learn_web_development/core/scripting/test_your_skills/strings/index.md


 <!-- Example-specific code -->

+The starting point of the task looks like this:


Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (starts empty):

dipikabh · 2026-02-03T15:16:02Z

files/en-us/learn_web_development/core/scripting/test_your_skills/strings/index.md

 2. Find the index position where `substring` appears in `quote`, and store that value in a variable called `index`.
 3. Use a combination of the variables you have and available string properties/methods to trim down the original quote to "I do not like green eggs and ham.", and store it in a variable called `revisedQuote`.

+The starting point of the task looks like this:


Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (starts empty):

dipikabh · 2026-02-03T15:16:16Z

files/en-us/learn_web_development/core/scripting/test_your_skills/strings/index.md

 2. In `fixedQuote`, replace "green eggs and ham" with another food that you really don't like.
 3. There is one more small fix to do — add a period to the end of the quote, and save the final version in a variable called `finalQuote`.

+The starting point of the task looks like this:


Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (starts empty):

dipikabh · 2026-02-03T15:17:09Z

files/en-us/learn_web_development/core/scripting/test_your_skills/variables/index.md


 The final task for now — in this case you are provided with some existing code, which has two errors present in it. The results panel should be outputting the name `Chris`, and a statement about how old Chris will be in 20 years' time. We want you to fix the problem and correct the output.

+The starting point of the task looks like this:


Suggested change

The starting point of the task looks like this:

The starting point of the task looks like this (starts empty):

dipikabh · 2026-02-03T15:18:21Z

files/en-us/learn_web_development/core/scripting/test_your_skills/variables/index.md

Dropping the "Also"

Suggested change

Check out [Practice time - Part 3: let and const](https://scrimba.com/learn-javascript-c0v/~059?via=mdn) <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> from Scrimba: An interactive challenge providing multiple tests concerning `let` and `const`.

reorder Scripting test your skills for consistency

af7d8be

chrisdavidmills requested a review from a team as a code owner January 29, 2026 09:16

chrisdavidmills requested review from hamishwillee and removed request for a team January 29, 2026 09:16

github-actions bot added the Content:Learn Learning area docs label Jan 29, 2026

chrisdavidmills requested a review from dipikabh January 29, 2026 09:16

github-actions bot added the size/l [PR only] 501-1000 LoC changed label Jan 29, 2026

chrisdavidmills marked this pull request as draft January 29, 2026 18:45

chrisdavidmills added 2 commits January 30, 2026 15:58

Merge branch 'main' into reorder-test-your-skills-4

20b4f06

Restructure using dipika suggestion

e5d81d2

github-actions bot added size/xl [PR only] >1000 LoC changed and removed size/l [PR only] 501-1000 LoC changed labels Feb 2, 2026

chrisdavidmills marked this pull request as ready for review February 2, 2026 11:18

chrisdavidmills removed the request for review from hamishwillee February 2, 2026 11:18

chrisdavidmills changed the title ~~reorder Scripting test your skills for consistency~~ Reorder Scripting test your skills for consistency Feb 2, 2026

dipikabh approved these changes Feb 3, 2026

View reviewed changes

This comment was marked as duplicate.

Sign in to view

chrisdavidmills added 2 commits February 3, 2026 15:44

Merge branch 'main' into reorder-test-your-skills-4

5a92a1e

last few tweaks

2ee5a0a

chrisdavidmills merged commit b36d59a into mdn:main Feb 3, 2026
7 checks passed

chrisdavidmills deleted the reorder-test-your-skills-4 branch February 3, 2026 16:25


		<!-- Example-specific code -->

		The starting point of the task looks like this:

	The finished output should look like this:
	After you complete the task, the output should look like this:

	The finished output should look like this:
	The output should look like this:


		The final task for now — in this case you are provided with some existing code, which has two errors present in it. The results panel should be outputting the name `Chris`, and a statement about how old Chris will be in 20 years' time. We want you to fix the problem and correct the output.

		The starting point of the task looks like this:


	Check out [Practice time - Part 3: let and const](https://scrimba.com/learn-javascript-c0v/~059?via=mdn) <sup>[_MDN learning partner_](/en-US/docs/MDN/Writing_guidelines/Learning_content#partner_links_and_embeds)</sup> from Scrimba: An interactive challenge providing multiple tests concerning `let` and `const`.

Reorder Scripting test your skills for consistency #42963

Reorder Scripting test your skills for consistency #42963

Uh oh!

Conversation

chrisdavidmills commented Jan 29, 2026

Description

Motivation

Additional details

Related issues and pull requests

Uh oh!

github-actions bot commented Jan 29, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

chrisdavidmills commented Jan 29, 2026

Uh oh!

dipikabh left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

This comment was marked as duplicate.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

github-actions bot commented Jan 29, 2026 •

edited

Loading