diff --git a/curriculum/challenges/_meta/learn-basic-algorithmic-thinking-by-building-a-number-sorter/meta.json b/curriculum/challenges/_meta/learn-basic-algorithmic-thinking-by-building-a-number-sorter/meta.json index 43abe93c592..b04b277dd38 100644 --- a/curriculum/challenges/_meta/learn-basic-algorithmic-thinking-by-building-a-number-sorter/meta.json +++ b/curriculum/challenges/_meta/learn-basic-algorithmic-thinking-by-building-a-number-sorter/meta.json @@ -42,144 +42,156 @@ "title": "Step 7" }, { - "id": "6407c303b4272606c019f338", + "id": "6621c5f02a5c272761db8661", "title": "Step 8" }, { - "id": "6407c4abf5be6d07d8c12ade", + "id": "6621d0dd6798b121bd2ed823", "title": "Step 9" }, { - "id": "6407c627ddc93708c8dee796", + "id": "662236690376072dc79d9c27", "title": "Step 10" }, { - "id": "6407c6a2c2159309994779a5", + "id": "6407c303b4272606c019f338", "title": "Step 11" }, { - "id": "6407c6d3f19c4e0a7ba320bb", + "id": "6407c4abf5be6d07d8c12ade", "title": "Step 12" }, { - "id": "6407c722498bc80b76d29073", + "id": "6407c627ddc93708c8dee796", "title": "Step 13" }, { - "id": "6410da6df463a606dfade96f", + "id": "6407c6a2c2159309994779a5", "title": "Step 14" }, { - "id": "6410dfb965c72108196ef24a", + "id": "6407c6d3f19c4e0a7ba320bb", "title": "Step 15" }, { - "id": "6410e1b58efc2c091a13bcd9", + "id": "6407c722498bc80b76d29073", "title": "Step 16" }, { - "id": "6410e3c19c21cd09c32dc7c6", + "id": "6410da6df463a606dfade96f", "title": "Step 17" }, { - "id": "6410e70c84bb660b4d2a5ea1", + "id": "6410dfb965c72108196ef24a", "title": "Step 18" }, { - "id": "6410edb33eeaf50dd9a22ab4", + "id": "6410e1b58efc2c091a13bcd9", "title": "Step 19" }, { - "id": "6410efff0ae97c0f06856511", + "id": "6410e3c19c21cd09c32dc7c6", "title": "Step 20" }, { - "id": "6410f9a443d57414ee50fada", + "id": "6410e70c84bb660b4d2a5ea1", "title": "Step 21" }, { - "id": "6410f149110ec60fd40fcfe1", + "id": "6410edb33eeaf50dd9a22ab4", "title": "Step 22" }, { - "id": "64110377201e7b1a0de0d558", + "id": "6410efff0ae97c0f06856511", "title": "Step 23" }, { - "id": "6410f97a721cd1144804b7a8", + "id": "6410f9a443d57414ee50fada", "title": "Step 24" }, { - "id": "6410fb3b68429716a810ea4b", + "id": "6410f149110ec60fd40fcfe1", "title": "Step 25" }, { - "id": "6410fcd1f731fd17cdb101a7", + "id": "64110377201e7b1a0de0d558", "title": "Step 26" }, { - "id": "6411024727181d190ef03166", + "id": "6410f97a721cd1144804b7a8", "title": "Step 27" }, { - "id": "64110727cefd3d1d9bdb0128", + "id": "6410fb3b68429716a810ea4b", "title": "Step 28" }, { - "id": "6411083020a3101e9514a0f5", + "id": "6410fcd1f731fd17cdb101a7", "title": "Step 29" }, { - "id": "64110998bc00321fd8052ab5", + "id": "6411024727181d190ef03166", "title": "Step 30" }, { - "id": "64110a03f6a450209b01f45c", + "id": "64110727cefd3d1d9bdb0128", "title": "Step 31" }, { - "id": "64110b1849454521871243ca", + "id": "6411083020a3101e9514a0f5", "title": "Step 32" }, { - "id": "6411108bc8b9c324f66aab4c", + "id": "64110998bc00321fd8052ab5", "title": "Step 33" }, { - "id": "641110e4fb696b259dbf0bcf", + "id": "64110a03f6a450209b01f45c", "title": "Step 34" }, { - "id": "6411135e9ee2fa26c882eb02", + "id": "64110b1849454521871243ca", "title": "Step 35" }, { - "id": "64112c9cf53d632910ea2f9b", + "id": "6411108bc8b9c324f66aab4c", "title": "Step 36" }, { - "id": "64112cea9e6ac22a314628b0", + "id": "641110e4fb696b259dbf0bcf", "title": "Step 37" }, { - "id": "64112d0943e1bb2aef11e2d1", + "id": "6411135e9ee2fa26c882eb02", "title": "Step 38" }, { - "id": "64112fa63a0f812c66499a54", + "id": "64112c9cf53d632910ea2f9b", "title": "Step 39" }, { - "id": "641130423e5f512d8972dae1", + "id": "64112cea9e6ac22a314628b0", "title": "Step 40" }, { - "id": "64113124efd2852edafaf25f", + "id": "64112d0943e1bb2aef11e2d1", "title": "Step 41" }, { - "id": "64113249bab9952fb2ce4469", + "id": "64112fa63a0f812c66499a54", "title": "Step 42" + }, + { + "id": "641130423e5f512d8972dae1", + "title": "Step 43" + }, + { + "id": "64113124efd2852edafaf25f", + "title": "Step 44" + }, + { + "id": "64113249bab9952fb2ce4469", + "title": "Step 45" } ] -} +} \ No newline at end of file diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407b940b8983005578d0824.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407b940b8983005578d0824.md index 87f8590e10d..ca6fc389df1 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407b940b8983005578d0824.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407b940b8983005578d0824.md @@ -7,9 +7,9 @@ dashedName: step-7 # --description-- -You need to get the values from your `select` elements. However, these values are strings, and you need them to be numbers. +You need to get the values from your `select` elements. These values will currently be strings and you will convert them into numbers. -Since you have an array, you can use the `map` method to convert each value to a number. Do this by passing a callback function to `map` that takes a `dropdown` parameter and returns `Number(dropdown.value)`. +Use the `map` function to iterate over the array. Pass a callback function to `map` that takes a `dropdown` parameter and returns `dropdown.value`. # --hints-- @@ -31,10 +31,10 @@ Your `map` callback function should take a `dropdown` parameter. assert.match(code, /inputValues\s*=\s*\[\s*\.\.\.document\.getElementsByClassName\(\s*('|"|`)values-dropdown\1\s*\)\s*\]\s*\.map\s*\(\s*(\(\s*dropdown\s*\)|dropdown)\s*=>/); ``` -Your `map` callback function should implicitly return `Number(dropdown.value)`. +Your `map` callback function should implicitly return `dropdown.value`. ```js -assert.match(code, /inputValues\s*=\s*\[\s*\.\.\.document\.getElementsByClassName\(\s*('|"|`)values-dropdown\1\s*\)\s*\]\s*\.map\s*\(\s*(\(\s*dropdown\s*\)|dropdown)\s*=>\s*Number\s*\(\s*dropdown\.value\s*\)/); +assert.match(code, /inputValues\s*=\s*\[\s*\.\.\.document\.getElementsByClassName\(\s*('|"|`)values-dropdown\1\s*\)\s*\]\s*\.map\s*\(\s*(\(\s*dropdown\s*\)|dropdown)\s*=>\s*dropdown\.value\s*/); ``` # --seed-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c303b4272606c019f338.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c303b4272606c019f338.md index 3671329b853..a3dda80a993 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c303b4272606c019f338.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c303b4272606c019f338.md @@ -1,8 +1,8 @@ --- id: 6407c303b4272606c019f338 -title: Step 8 +title: Step 11 challengeType: 0 -dashedName: step-8 +dashedName: step-11 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c4abf5be6d07d8c12ade.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c4abf5be6d07d8c12ade.md index 217765bc894..fd106d789ef 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c4abf5be6d07d8c12ade.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c4abf5be6d07d8c12ade.md @@ -1,8 +1,8 @@ --- id: 6407c4abf5be6d07d8c12ade -title: Step 9 +title: Step 12 challengeType: 0 -dashedName: step-9 +dashedName: step-12 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c627ddc93708c8dee796.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c627ddc93708c8dee796.md index f7a30bf266a..4b9b5157fc2 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c627ddc93708c8dee796.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c627ddc93708c8dee796.md @@ -1,8 +1,8 @@ --- id: 6407c627ddc93708c8dee796 -title: Step 10 +title: Step 13 challengeType: 0 -dashedName: step-10 +dashedName: step-13 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6a2c2159309994779a5.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6a2c2159309994779a5.md index e3788ad15bb..3fdb8f8aafa 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6a2c2159309994779a5.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6a2c2159309994779a5.md @@ -1,8 +1,8 @@ --- id: 6407c6a2c2159309994779a5 -title: Step 11 +title: Step 14 challengeType: 0 -dashedName: step-11 +dashedName: step-14 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6d3f19c4e0a7ba320bb.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6d3f19c4e0a7ba320bb.md index 31d5e20dcc6..d76c738ba08 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6d3f19c4e0a7ba320bb.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c6d3f19c4e0a7ba320bb.md @@ -1,8 +1,8 @@ --- id: 6407c6d3f19c4e0a7ba320bb -title: Step 12 +title: Step 15 challengeType: 0 -dashedName: step-12 +dashedName: step-15 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c722498bc80b76d29073.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c722498bc80b76d29073.md index 81df9394a0e..3432a2b259e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c722498bc80b76d29073.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6407c722498bc80b76d29073.md @@ -1,8 +1,8 @@ --- id: 6407c722498bc80b76d29073 -title: Step 13 +title: Step 16 challengeType: 0 -dashedName: step-13 +dashedName: step-16 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md index cf8fe1b937c..81ede135357 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410da6df463a606dfade96f.md @@ -1,8 +1,8 @@ --- id: 6410da6df463a606dfade96f -title: Step 14 +title: Step 17 challengeType: 0 -dashedName: step-14 +dashedName: step-17 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md index 07dc4918a31..8bac893bc67 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410dfb965c72108196ef24a.md @@ -1,8 +1,8 @@ --- id: 6410dfb965c72108196ef24a -title: Step 15 +title: Step 18 challengeType: 0 -dashedName: step-15 +dashedName: step-18 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e1b58efc2c091a13bcd9.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e1b58efc2c091a13bcd9.md index 966cb2bac40..64cc742eee0 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e1b58efc2c091a13bcd9.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e1b58efc2c091a13bcd9.md @@ -1,8 +1,8 @@ --- id: 6410e1b58efc2c091a13bcd9 -title: Step 16 +title: Step 19 challengeType: 0 -dashedName: step-16 +dashedName: step-19 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md index 19a8292a26c..f49c4237eb7 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e3c19c21cd09c32dc7c6.md @@ -1,8 +1,8 @@ --- id: 6410e3c19c21cd09c32dc7c6 -title: Step 17 +title: Step 20 challengeType: 0 -dashedName: step-17 +dashedName: step-20 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e70c84bb660b4d2a5ea1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e70c84bb660b4d2a5ea1.md index 88ed63432d7..f542ae5f6a9 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e70c84bb660b4d2a5ea1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410e70c84bb660b4d2a5ea1.md @@ -1,8 +1,8 @@ --- id: 6410e70c84bb660b4d2a5ea1 -title: Step 18 +title: Step 21 challengeType: 0 -dashedName: step-18 +dashedName: step-21 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410edb33eeaf50dd9a22ab4.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410edb33eeaf50dd9a22ab4.md index af348cbb26e..60759f98bb6 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410edb33eeaf50dd9a22ab4.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410edb33eeaf50dd9a22ab4.md @@ -1,8 +1,8 @@ --- id: 6410edb33eeaf50dd9a22ab4 -title: Step 19 +title: Step 22 challengeType: 0 -dashedName: step-19 +dashedName: step-22 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410efff0ae97c0f06856511.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410efff0ae97c0f06856511.md index fb5993002b0..b47fba43e40 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410efff0ae97c0f06856511.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410efff0ae97c0f06856511.md @@ -1,8 +1,8 @@ --- id: 6410efff0ae97c0f06856511 -title: Step 20 +title: Step 23 challengeType: 0 -dashedName: step-20 +dashedName: step-23 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md index 066111c2866..083ddca59e0 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f149110ec60fd40fcfe1.md @@ -1,8 +1,8 @@ --- id: 6410f149110ec60fd40fcfe1 -title: Step 22 +title: Step 25 challengeType: 0 -dashedName: step-22 +dashedName: step-25 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f97a721cd1144804b7a8.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f97a721cd1144804b7a8.md index 58eeb63e458..c554f123d72 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f97a721cd1144804b7a8.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f97a721cd1144804b7a8.md @@ -1,8 +1,8 @@ --- id: 6410f97a721cd1144804b7a8 -title: Step 24 +title: Step 27 challengeType: 0 -dashedName: step-24 +dashedName: step-27 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f9a443d57414ee50fada.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f9a443d57414ee50fada.md index 526d3370634..9b7fd478bb4 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f9a443d57414ee50fada.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410f9a443d57414ee50fada.md @@ -1,8 +1,8 @@ --- id: 6410f9a443d57414ee50fada -title: Step 21 +title: Step 24 challengeType: 0 -dashedName: step-21 +dashedName: step-24 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fb3b68429716a810ea4b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fb3b68429716a810ea4b.md index 95270db2dce..a1ef97d0774 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fb3b68429716a810ea4b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fb3b68429716a810ea4b.md @@ -1,8 +1,8 @@ --- id: 6410fb3b68429716a810ea4b -title: Step 25 +title: Step 28 challengeType: 0 -dashedName: step-25 +dashedName: step-28 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fcd1f731fd17cdb101a7.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fcd1f731fd17cdb101a7.md index b0a308bbef9..d171de7de49 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fcd1f731fd17cdb101a7.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6410fcd1f731fd17cdb101a7.md @@ -1,8 +1,8 @@ --- id: 6410fcd1f731fd17cdb101a7 -title: Step 26 +title: Step 29 challengeType: 0 -dashedName: step-26 +dashedName: step-29 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411024727181d190ef03166.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411024727181d190ef03166.md index f9780c78d49..dc4307540d0 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411024727181d190ef03166.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411024727181d190ef03166.md @@ -1,8 +1,8 @@ --- id: 6411024727181d190ef03166 -title: Step 27 +title: Step 30 challengeType: 0 -dashedName: step-27 +dashedName: step-30 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110377201e7b1a0de0d558.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110377201e7b1a0de0d558.md index 61510dfa9e4..7e728aeb33a 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110377201e7b1a0de0d558.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110377201e7b1a0de0d558.md @@ -1,8 +1,8 @@ --- id: 64110377201e7b1a0de0d558 -title: Step 23 +title: Step 26 challengeType: 0 -dashedName: step-23 +dashedName: step-26 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110727cefd3d1d9bdb0128.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110727cefd3d1d9bdb0128.md index 052d1dbb3ba..2a97602412f 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110727cefd3d1d9bdb0128.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110727cefd3d1d9bdb0128.md @@ -1,8 +1,8 @@ --- id: 64110727cefd3d1d9bdb0128 -title: Step 28 +title: Step 31 challengeType: 0 -dashedName: step-28 +dashedName: step-31 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411083020a3101e9514a0f5.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411083020a3101e9514a0f5.md index 38f4534fa7f..5a5315565a2 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411083020a3101e9514a0f5.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411083020a3101e9514a0f5.md @@ -1,8 +1,8 @@ --- id: 6411083020a3101e9514a0f5 -title: Step 29 +title: Step 32 challengeType: 0 -dashedName: step-29 +dashedName: step-32 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110998bc00321fd8052ab5.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110998bc00321fd8052ab5.md index 2635b1244b5..52896121e3f 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110998bc00321fd8052ab5.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110998bc00321fd8052ab5.md @@ -1,8 +1,8 @@ --- id: 64110998bc00321fd8052ab5 -title: Step 30 +title: Step 33 challengeType: 0 -dashedName: step-30 +dashedName: step-33 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110a03f6a450209b01f45c.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110a03f6a450209b01f45c.md index d48883f75d0..9137eb1972f 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110a03f6a450209b01f45c.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110a03f6a450209b01f45c.md @@ -1,8 +1,8 @@ --- id: 64110a03f6a450209b01f45c -title: Step 31 +title: Step 34 challengeType: 0 -dashedName: step-31 +dashedName: step-34 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110b1849454521871243ca.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110b1849454521871243ca.md index 96399956d02..17f24debba5 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110b1849454521871243ca.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64110b1849454521871243ca.md @@ -1,8 +1,8 @@ --- id: 64110b1849454521871243ca -title: Step 32 +title: Step 35 challengeType: 0 -dashedName: step-32 +dashedName: step-35 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411108bc8b9c324f66aab4c.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411108bc8b9c324f66aab4c.md index 7258c945ae7..12280c110a2 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411108bc8b9c324f66aab4c.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411108bc8b9c324f66aab4c.md @@ -1,8 +1,8 @@ --- id: 6411108bc8b9c324f66aab4c -title: Step 33 +title: Step 36 challengeType: 0 -dashedName: step-33 +dashedName: step-36 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641110e4fb696b259dbf0bcf.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641110e4fb696b259dbf0bcf.md index 69213473bc7..eda75964979 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641110e4fb696b259dbf0bcf.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641110e4fb696b259dbf0bcf.md @@ -1,8 +1,8 @@ --- id: 641110e4fb696b259dbf0bcf -title: Step 34 +title: Step 37 challengeType: 0 -dashedName: step-34 +dashedName: step-37 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411135e9ee2fa26c882eb02.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411135e9ee2fa26c882eb02.md index f6d6ec680b9..c417c49e6b0 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411135e9ee2fa26c882eb02.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6411135e9ee2fa26c882eb02.md @@ -1,8 +1,8 @@ --- id: 6411135e9ee2fa26c882eb02 -title: Step 35 +title: Step 38 challengeType: 0 -dashedName: step-35 +dashedName: step-38 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112c9cf53d632910ea2f9b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112c9cf53d632910ea2f9b.md index cdb12c5924d..cf84e23dc87 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112c9cf53d632910ea2f9b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112c9cf53d632910ea2f9b.md @@ -1,8 +1,8 @@ --- id: 64112c9cf53d632910ea2f9b -title: Step 36 +title: Step 39 challengeType: 0 -dashedName: step-36 +dashedName: step-39 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112cea9e6ac22a314628b0.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112cea9e6ac22a314628b0.md index 36afab314fc..371377f0da8 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112cea9e6ac22a314628b0.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112cea9e6ac22a314628b0.md @@ -1,8 +1,8 @@ --- id: 64112cea9e6ac22a314628b0 -title: Step 37 +title: Step 40 challengeType: 0 -dashedName: step-37 +dashedName: step-40 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112d0943e1bb2aef11e2d1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112d0943e1bb2aef11e2d1.md index 6cc28dbbd45..b68255db916 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112d0943e1bb2aef11e2d1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112d0943e1bb2aef11e2d1.md @@ -1,8 +1,8 @@ --- id: 64112d0943e1bb2aef11e2d1 -title: Step 38 +title: Step 41 challengeType: 0 -dashedName: step-38 +dashedName: step-41 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112fa63a0f812c66499a54.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112fa63a0f812c66499a54.md index fa8f649a49f..b5d9893265b 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112fa63a0f812c66499a54.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64112fa63a0f812c66499a54.md @@ -1,8 +1,8 @@ --- id: 64112fa63a0f812c66499a54 -title: Step 39 +title: Step 42 challengeType: 0 -dashedName: step-39 +dashedName: step-42 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641130423e5f512d8972dae1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641130423e5f512d8972dae1.md index 1d011f59fc3..eca279b42fe 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641130423e5f512d8972dae1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/641130423e5f512d8972dae1.md @@ -1,8 +1,8 @@ --- id: 641130423e5f512d8972dae1 -title: Step 40 +title: Step 43 challengeType: 0 -dashedName: step-40 +dashedName: step-43 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113124efd2852edafaf25f.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113124efd2852edafaf25f.md index 79f0de084f7..d253c95b6c6 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113124efd2852edafaf25f.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113124efd2852edafaf25f.md @@ -1,8 +1,8 @@ --- id: 64113124efd2852edafaf25f -title: Step 41 +title: Step 44 challengeType: 0 -dashedName: step-41 +dashedName: step-44 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113249bab9952fb2ce4469.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113249bab9952fb2ce4469.md index 02332044cc2..5ed6cc975c5 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113249bab9952fb2ce4469.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/64113249bab9952fb2ce4469.md @@ -1,8 +1,8 @@ --- id: 64113249bab9952fb2ce4469 -title: Step 42 +title: Step 45 challengeType: 0 -dashedName: step-42 +dashedName: step-45 --- # --description-- diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6621c5f02a5c272761db8661.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6621c5f02a5c272761db8661.md new file mode 100644 index 00000000000..2b7ff915c6a --- /dev/null +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6621c5f02a5c272761db8661.md @@ -0,0 +1,340 @@ +--- +id: 6621c5f02a5c272761db8661 +title: Step 8 +challengeType: 0 +dashedName: step-8 +--- + +# --description-- + +You should use `console.log()` to print out the result of `inputValues`. Write the code for this inside the `sortInputArray` function. + +To see the result for the `inputValues` array, log out the `inputValues` array to the console. Then click on the sort button and open up the console. You should see an array of strings like this: + +```js +[ '8', '2', '4', '1', '3' ] +``` + +Before going further, make sure you observe the data type of the printed result in the console. + +In the next step, you will convert those strings into numbers. + +# --hints-- + +You should call `console.log()`. + +```js +assert.match(code, /console\.log\(.*\);?/); +``` + +You should pass `inputValues` to your `console.log()` call. + +```js +assert.match(code, /console\.log\(\s*inputValues\s*\);?/); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + + Number Sorter + + +
+

Number Sorter

+
+

Input:

+
+ [ +
+ + , +
+
+ + , +
+
+ + , +
+
+ + , +
+
+ +
+ ] +
+ +
+
+

Output:

+
+ [ +
+ 0 + , +
+
+ 0 + , +
+
+ 0 + , +
+
+ 0 + , +
+
+ 0 +
+ ] +
+
+
+ + + +``` + +```css +:root { + --gray-00: #ffffff; + --gray-05: #f5f6f7; + --gray-15: #d0d0d5; + --gray-75: #3b3b4f; + --gray-85: #1b1b32; + --gray-90: #0a0a23; + --blue-50: #198eee; + --error: #a94442; + --danger-color: #850000; + --danger-background: #ffadad; +} + +*, +::before, +::after { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body { + font-family: "Lato", Helvetica, Arial, sans-serif; + font-size: 18px; + background-color: var(--gray-85); + color: var(--gray-05); +} + +main { + display: flex; + flex-direction: column; + align-items: center; +} + +h1 { + margin: 30px auto; +} + +h2 { + margin-bottom: 15px; +} + +form { + width: 100%; + text-align: center; + padding: 15px; +} + +fieldset { + border: 0 none; + height: 100%; + margin: auto; + display: flex; + justify-content: space-around; + align-items: center; +} + +fieldset div { + display: flex; + justify-content: center; + align-items: center; +} + +.bracket, +.comma { + font-size: 2.3em; +} + +form .comma { + margin-left: 2px; +} + +select { + font-family: inherit; + font-size: inherit; + line-height: inherit; + height: 38px; + width: 50px; + text-align: center; +} + +button { + cursor: pointer; + margin-top: 15px; + text-decoration: none; + background-image: linear-gradient(#fecc4c, #ffac33); + border: 3px solid #feac32; + padding: 10px 16px; + font-size: 23px; + width: 100%; +} + +select:focus-visible, +button:focus-visible { + outline: 3px solid var(--blue-50); +} + +.output-container { + width: 95%; + min-height: 55px; + margin-top: 25px; + border-radius: 0; + padding: 15px; + overflow-wrap: break-word; + text-align: center; +} + +.output-array { + width: 100%; + margin: auto; + display: flex; + align-items: center; + justify-content: space-around; +} + +.output-value { + font-size: 2em; +} + +.alert { + background-color: var(--danger-background); + border: 3px solid var(--danger-color); + color: var(--danger-color); +} + +@media (min-width: 550px) { + form, + .output-container { + max-width: 480px; + } + + fieldset { + max-width: 400px; + } + + .output-array { + max-width: 420px; + } +} +``` + +```js +const sortButton = document.getElementById("sort"); + +--fcc-editable-region-- +const sortInputArray = (event) => { + event.preventDefault(); + const inputValues = [...document.getElementsByClassName("values-dropdown")].map((dropdown) => dropdown.value); + +} +--fcc-editable-region-- + +sortButton.addEventListener("click", sortInputArray); +``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6621d0dd6798b121bd2ed823.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6621d0dd6798b121bd2ed823.md new file mode 100644 index 00000000000..7f8c6b547b3 --- /dev/null +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/6621d0dd6798b121bd2ed823.md @@ -0,0 +1,333 @@ +--- +id: 6621d0dd6798b121bd2ed823 +title: Step 9 +challengeType: 0 +dashedName: step-9 +--- + +# --description-- + +Update your `.map()` callback to call the `Number()` function. Pass `dropdown.value` to that function call. + +Open the Console tab to see that your `inputValues` is an array of numbers now. + +# --hints-- + +You should call the `Number()` function in your `.map()` callback. + +```js +assert.match(code, /inputValues\s*=\s*\[\s*\.\.\.document\.getElementsByClassName\(\s*('|"|`)values-dropdown\1\s*\)\s*\]\s*\.map\s*\(\s*(\(\s*dropdown\s*\)|dropdown)\s*=>\s*Number\s*\(\s*.*\s*\)/); +``` + +You should pass `dropdown.value` to your `Number()` call. + +```js +assert.match(code, /inputValues\s*=\s*\[\s*\.\.\.document\.getElementsByClassName\(\s*('|"|`)values-dropdown\1\s*\)\s*\]\s*\.map\s*\(\s*(\(\s*dropdown\s*\)|dropdown)\s*=>\s*Number\s*\(\s*dropdown\.value\s*\)/); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + + Number Sorter + + +
+

Number Sorter

+
+

Input:

+
+ [ +
+ + , +
+
+ + , +
+
+ + , +
+
+ + , +
+
+ +
+ ] +
+ +
+
+

Output:

+
+ [ +
+ 0 + , +
+
+ 0 + , +
+
+ 0 + , +
+
+ 0 + , +
+
+ 0 +
+ ] +
+
+
+ + + +``` + +```css +:root { + --gray-00: #ffffff; + --gray-05: #f5f6f7; + --gray-15: #d0d0d5; + --gray-75: #3b3b4f; + --gray-85: #1b1b32; + --gray-90: #0a0a23; + --blue-50: #198eee; + --error: #a94442; + --danger-color: #850000; + --danger-background: #ffadad; +} + +*, +::before, +::after { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body { + font-family: "Lato", Helvetica, Arial, sans-serif; + font-size: 18px; + background-color: var(--gray-85); + color: var(--gray-05); +} + +main { + display: flex; + flex-direction: column; + align-items: center; +} + +h1 { + margin: 30px auto; +} + +h2 { + margin-bottom: 15px; +} + +form { + width: 100%; + text-align: center; + padding: 15px; +} + +fieldset { + border: 0 none; + height: 100%; + margin: auto; + display: flex; + justify-content: space-around; + align-items: center; +} + +fieldset div { + display: flex; + justify-content: center; + align-items: center; +} + +.bracket, +.comma { + font-size: 2.3em; +} + +form .comma { + margin-left: 2px; +} + +select { + font-family: inherit; + font-size: inherit; + line-height: inherit; + height: 38px; + width: 50px; + text-align: center; +} + +button { + cursor: pointer; + margin-top: 15px; + text-decoration: none; + background-image: linear-gradient(#fecc4c, #ffac33); + border: 3px solid #feac32; + padding: 10px 16px; + font-size: 23px; + width: 100%; +} + +select:focus-visible, +button:focus-visible { + outline: 3px solid var(--blue-50); +} + +.output-container { + width: 95%; + min-height: 55px; + margin-top: 25px; + border-radius: 0; + padding: 15px; + overflow-wrap: break-word; + text-align: center; +} + +.output-array { + width: 100%; + margin: auto; + display: flex; + align-items: center; + justify-content: space-around; +} + +.output-value { + font-size: 2em; +} + +.alert { + background-color: var(--danger-background); + border: 3px solid var(--danger-color); + color: var(--danger-color); +} + +@media (min-width: 550px) { + form, + .output-container { + max-width: 480px; + } + + fieldset { + max-width: 400px; + } + + .output-array { + max-width: 420px; + } +} +``` + +```js +const sortButton = document.getElementById("sort"); + +--fcc-editable-region-- +const sortInputArray = (event) => { + event.preventDefault(); + const inputValues = [...document.getElementsByClassName("values-dropdown")].map((dropdown) => dropdown.value); + console.log(inputValues); +} + +--fcc-editable-region-- + +sortButton.addEventListener("click", sortInputArray); +``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/662236690376072dc79d9c27.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/662236690376072dc79d9c27.md new file mode 100644 index 00000000000..4ddc815fa4d --- /dev/null +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-algorithmic-thinking-by-building-a-number-sorter/662236690376072dc79d9c27.md @@ -0,0 +1,325 @@ +--- +id: 662236690376072dc79d9c27 +title: Step 10 +challengeType: 0 +dashedName: step-10 +--- + +# --description-- + +Now that you have confirmed the data type of the `inputValues` elements, remove your `console.log()` call. + +# --hints-- + +You should no longer log `inputValues` to the console. + +```js +assert.notMatch(code, /console\.log\(\s*inputValues\s*\);/); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + + Number Sorter + + +
+

Number Sorter

+
+

Input:

+
+ [ +
+ + , +
+
+ + , +
+
+ + , +
+
+ + , +
+
+ +
+ ] +
+ +
+
+

Output:

+
+ [ +
+ 0 + , +
+
+ 0 + , +
+
+ 0 + , +
+
+ 0 + , +
+
+ 0 +
+ ] +
+
+
+ + + +``` + +```css +:root { + --gray-00: #ffffff; + --gray-05: #f5f6f7; + --gray-15: #d0d0d5; + --gray-75: #3b3b4f; + --gray-85: #1b1b32; + --gray-90: #0a0a23; + --blue-50: #198eee; + --error: #a94442; + --danger-color: #850000; + --danger-background: #ffadad; +} + +*, +::before, +::after { + padding: 0; + margin: 0; + box-sizing: border-box; +} + +body { + font-family: "Lato", Helvetica, Arial, sans-serif; + font-size: 18px; + background-color: var(--gray-85); + color: var(--gray-05); +} + +main { + display: flex; + flex-direction: column; + align-items: center; +} + +h1 { + margin: 30px auto; +} + +h2 { + margin-bottom: 15px; +} + +form { + width: 100%; + text-align: center; + padding: 15px; +} + +fieldset { + border: 0 none; + height: 100%; + margin: auto; + display: flex; + justify-content: space-around; + align-items: center; +} + +fieldset div { + display: flex; + justify-content: center; + align-items: center; +} + +.bracket, +.comma { + font-size: 2.3em; +} + +form .comma { + margin-left: 2px; +} + +select { + font-family: inherit; + font-size: inherit; + line-height: inherit; + height: 38px; + width: 50px; + text-align: center; +} + +button { + cursor: pointer; + margin-top: 15px; + text-decoration: none; + background-image: linear-gradient(#fecc4c, #ffac33); + border: 3px solid #feac32; + padding: 10px 16px; + font-size: 23px; + width: 100%; +} + +select:focus-visible, +button:focus-visible { + outline: 3px solid var(--blue-50); +} + +.output-container { + width: 95%; + min-height: 55px; + margin-top: 25px; + border-radius: 0; + padding: 15px; + overflow-wrap: break-word; + text-align: center; +} + +.output-array { + width: 100%; + margin: auto; + display: flex; + align-items: center; + justify-content: space-around; +} + +.output-value { + font-size: 2em; +} + +.alert { + background-color: var(--danger-background); + border: 3px solid var(--danger-color); + color: var(--danger-color); +} + +@media (min-width: 550px) { + form, + .output-container { + max-width: 480px; + } + + fieldset { + max-width: 400px; + } + + .output-array { + max-width: 420px; + } +} +``` + +```js +const sortButton = document.getElementById("sort"); + +--fcc-editable-region-- +const sortInputArray = (event) => { + event.preventDefault(); + const inputValues = [...document.getElementsByClassName("values-dropdown")].map((dropdown) => Number(dropdown.value)); + console.log(inputValues); +} + +--fcc-editable-region-- + +sortButton.addEventListener("click", sortInputArray); +```