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): create new step 18 for spreadsheet project. (#53315)

Browse Source 
Co-authored-by: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com>
Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>
This commit is contained in:
Govindapalle Vijaychandra
2024-02-03 18:30:11 +05:30
committed by GitHub
parent 6dc7885c8e
commit 4ee3a52b10
88 changed files with 363 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/_meta/learn-functional-programming-by-building-a-spreadsheet/meta.json
+89 -85
View File
@@ -82,344 +82,348 @@
"title": "Step 17"
},
{
"id": "643498328cb52026123e2b91",
"id": "65ae458e23954c3469e0c209",
"title": "Step 18"
},
{
"id": "643498755d54c6279ba09078",
"id": "643498328cb52026123e2b91",
"title": "Step 19"
},
{
"id": "6437124c4c03dd4c8fb35d56",
"id": "643498755d54c6279ba09078",
"title": "Step 20"
},
{
"id": "6437133052eaf04d7300e622",
"id": "6437124c4c03dd4c8fb35d56",
"title": "Step 21"
},
{
"id": "643715013330824ecaa70442",
"id": "6437133052eaf04d7300e622",
"title": "Step 22"
},
{
"id": "64496d1e5af8c0148fbef96d",
"id": "643715013330824ecaa70442",
"title": "Step 23"
},
{
"id": "64496d80bc174a158c973080",
"id": "64496d1e5af8c0148fbef96d",
"title": "Step 24"
},
{
"id": "64496df724dd3716a71fe971",
"id": "64496d80bc174a158c973080",
"title": "Step 25"
},
{
"id": "64496e9c6d7a2e189948e441",
"id": "64496df724dd3716a71fe971",
"title": "Step 26"
},
{
"id": "6449749d20436c1f1dfadcf2",
"id": "64496e9c6d7a2e189948e441",
"title": "Step 27"
},
{
"id": "6449755666005520330cec5b",
"id": "6449749d20436c1f1dfadcf2",
"title": "Step 28"
},
{
"id": "64497da4062602213ecf32e7",
"id": "6449755666005520330cec5b",
"title": "Step 29"
},
{
"id": "64497de936a2f322327e5c58",
"id": "64497da4062602213ecf32e7",
"title": "Step 30"
},
{
"id": "64497e0e5e5a2c2329785af4",
"id": "64497de936a2f322327e5c58",
"title": "Step 31"
},
{
"id": "64497e764135bd24b7960dd3",
"id": "64497e0e5e5a2c2329785af4",
"title": "Step 32"
},
{
"id": "6449842c6f6c84261075e4c9",
"id": "64497e764135bd24b7960dd3",
"title": "Step 33"
},
{
"id": "64498473a17adc26ef0ecc2d",
"id": "6449842c6f6c84261075e4c9",
"title": "Step 34"
},
{
"id": "6449849b78f43527be1e8a98",
"id": "64498473a17adc26ef0ecc2d",
"title": "Step 35"
},
{
"id": "64498542cab69128ab24e4de",
"id": "6449849b78f43527be1e8a98",
"title": "Step 36"
},
{
"id": "6449860d84c9e22cbd7b497c",
"id": "64498542cab69128ab24e4de",
"title": "Step 37"
},
{
"id": "6449863f592af72d9be0959e",
"id": "6449860d84c9e22cbd7b497c",
"title": "Step 38"
},
{
"id": "6449874d5191562eb3313b3f",
"id": "6449863f592af72d9be0959e",
"title": "Step 39"
},
{
"id": "6449876e7aae0d2f8257a497",
"id": "6449874d5191562eb3313b3f",
"title": "Step 40"
},
{
"id": "64498b085028fc30a58bb6a7",
"id": "6449876e7aae0d2f8257a497",
"title": "Step 41"
},
{
"id": "646d0889c6ff4baa46ac1c50",
"id": "64498b085028fc30a58bb6a7",
"title": "Step 42"
},
{
"id": "646d09a07241aaab1e777080",
"id": "646d0889c6ff4baa46ac1c50",
"title": "Step 43"
},
{
"id": "646d0a022da7bcabf3e3aca3",
"id": "646d09a07241aaab1e777080",
"title": "Step 44"
},
{
"id": "646d0d20108440acc95a6b32",
"id": "646d0a022da7bcabf3e3aca3",
"title": "Step 45"
},
{
"id": "646d0db5175974ad8633b71c",
"id": "646d0d20108440acc95a6b32",
"title": "Step 46"
},
{
"id": "646d0e4636e14eae2bb3b992",
"id": "646d0db5175974ad8633b71c",
"title": "Step 47"
},
{
"id": "646d1980018efaaec2b1c28b",
"id": "646d0e4636e14eae2bb3b992",
"title": "Step 48"
},
{
"id": "646d19fc4705e4af65c3e688",
"id": "646d1980018efaaec2b1c28b",
"title": "Step 49"
},
{
"id": "646d1b96dd7ea4b0061458bc",
"id": "646d19fc4705e4af65c3e688",
"title": "Step 50"
},
{
"id": "646d1cadf0d96ab0b7e12da4",
"id": "646d1b96dd7ea4b0061458bc",
"title": "Step 51"
},
{
"id": "646d1d67f9261fb15a795588",
"id": "646d1cadf0d96ab0b7e12da4",
"title": "Step 52"
},
{
"id": "646d1e531042dfb24da1f032",
"id": "646d1d67f9261fb15a795588",
"title": "Step 53"
},
{
"id": "646d3141790b3cb337dd611a",
"id": "646d1e531042dfb24da1f032",
"title": "Step 54"
},
{
"id": "646d382c4d70ceb3dba1e830",
"id": "646d3141790b3cb337dd611a",
"title": "Step 55"
},
{
"id": "646d386a685620b49db4be76",
"id": "646d382c4d70ceb3dba1e830",
"title": "Step 56"
},
{
"id": "646d38c326f3c8b54023de38",
"id": "646d386a685620b49db4be76",
"title": "Step 57"
},
{
"id": "646d38f906b94cb5fe6ce7de",
"id": "646d38c326f3c8b54023de38",
"title": "Step 58"
},
{
"id": "646d3952f6af37b6a1c241c2",
"id": "646d38f906b94cb5fe6ce7de",
"title": "Step 59"
},
{
"id": "646d39c156fe94b7482c3ab6",
"id": "646d3952f6af37b6a1c241c2",
"title": "Step 60"
},
{
"id": "646d3b27cd3c56b875256301",
"id": "646d39c156fe94b7482c3ab6",
"title": "Step 61"
},
{
"id": "646d3bc75fe0c9b972da3323",
"id": "646d3b27cd3c56b875256301",
"title": "Step 62"
},
{
"id": "646d3c146e10b0ba222bb2a7",
"id": "646d3bc75fe0c9b972da3323",
"title": "Step 63"
},
{
"id": "646d3d037872fbbae0a8ec0e",
"id": "646d3c146e10b0ba222bb2a7",
"title": "Step 64"
},
{
"id": "646d3d65be79c8bb9c7df9ff",
"id": "646d3d037872fbbae0a8ec0e",
"title": "Step 65"
},
{
"id": "646d3d80c3b4aebc4103618e",
"id": "646d3d65be79c8bb9c7df9ff",
"title": "Step 66"
},
{
"id": "646d3da8501e15bcd355ba1d",
"id": "646d3d80c3b4aebc4103618e",
"title": "Step 67"
},
{
"id": "646d3e135ab3abbdbfe5c899",
"id": "646d3da8501e15bcd355ba1d",
"title": "Step 68"
},
{
"id": "646d3e64b15f92be6e61704e",
"id": "646d3e135ab3abbdbfe5c899",
"title": "Step 69"
},
{
"id": "646d3ee7b17ae3bf48610033",
"id": "646d3e64b15f92be6e61704e",
"title": "Step 70"
},
{
"id": "646d3f1fd12f76c02c823bb8",
"id": "646d3ee7b17ae3bf48610033",
"title": "Step 71"
},
{
"id": "646d3f718b5f8dc102cd528e",
"id": "646d3f1fd12f76c02c823bb8",
"title": "Step 72"
},
{
"id": "646d404259f512c1a9e86ac1",
"id": "646d3f718b5f8dc102cd528e",
"title": "Step 73"
},
{
"id": "646d40c543943ec250039682",
"id": "646d404259f512c1a9e86ac1",
"title": "Step 74"
},
{
"id": "646d40fe4b7b50c30c2b4cd8",
"id": "646d40c543943ec250039682",
"title": "Step 75"
},
{
"id": "646d41e23b583fc3b8cc4579",
"id": "646d40fe4b7b50c30c2b4cd8",
"title": "Step 76"
},
{
"id": "646d423fade4a9c4636acd13",
"id": "646d41e23b583fc3b8cc4579",
"title": "Step 77"
},
{
"id": "646d42f58deb2fc52adc6611",
"id": "646d423fade4a9c4636acd13",
"title": "Step 78"
},
{
"id": "646d43587d926bc5b6cb2e50",
"id": "646d42f58deb2fc52adc6611",
"title": "Step 79"
},
{
"id": "646d448479c8fdc8dcec868c",
"id": "646d43587d926bc5b6cb2e50",
"title": "Step 80"
},
{
"id": "646d44da986f2bc9b72f5fe2",
"id": "646d448479c8fdc8dcec868c",
"title": "Step 81"
},
{
"id": "646d451c2e44afca71b67818",
"id": "646d44da986f2bc9b72f5fe2",
"title": "Step 82"
},
{
"id": "646d4554721d43cb19a68bc4",
"id": "646d451c2e44afca71b67818",
"title": "Step 83"
},
{
"id": "646d45b739da5ecbf830c108",
"id": "646d4554721d43cb19a68bc4",
"title": "Step 84"
},
{
"id": "646d45ee725632cca2555146",
"id": "646d45b739da5ecbf830c108",
"title": "Step 85"
},
{
"id": "646d4626420eeecd51f241c2",
"id": "646d45ee725632cca2555146",
"title": "Step 86"
},
{
"id": "646d467c6994f4ce0dc416a4",
"id": "646d4626420eeecd51f241c2",
"title": "Step 87"
},
{
"id": "646d46c03e7d02cecb30f021",
"id": "646d467c6994f4ce0dc416a4",
"title": "Step 88"
},
{
"id": "646d4717a689e1cfa232e357",
"id": "646d46c03e7d02cecb30f021",
"title": "Step 89"
},
{
"id": "646d4769ba65f1d05ef6b634",
"id": "646d4717a689e1cfa232e357",
"title": "Step 90"
},
{
"id": "646d47c8f58107d10f1e5106",
"id": "646d4769ba65f1d05ef6b634",
"title": "Step 91"
},
{
"id": "646d4813c17b37d1e261a566",
"id": "646d47c8f58107d10f1e5106",
"title": "Step 92"
},
{
"id": "646d486aec20f7d2a581cc36",
"id": "646d4813c17b37d1e261a566",
"title": "Step 93"
},
{
"id": "646d48b936802fd34c3f05af",
"id": "646d486aec20f7d2a581cc36",
"title": "Step 94"
},
{
"id": "646d498c8ebc31d3f753b22e",
"id": "646d48b936802fd34c3f05af",
"title": "Step 95"
},
{
"id": "646d49bfff9079d4b38df115",
"id": "646d498c8ebc31d3f753b22e",
"title": "Step 96"
},
{
"id": "646d4a07a8fb14d55cd70e09",
"id": "646d49bfff9079d4b38df115",
"title": "Step 97"
},
{
"id": "6491d38f5b09a021c4b5d5fe",
"id": "646d4a07a8fb14d55cd70e09",
"title": "Step 98"
},
{
"id": "646d4a5b32a1cad6165df286",
"id": "6491d38f5b09a021c4b5d5fe",
"title": "Step 99"
},
{
"id": "646d4a8dbc04c6d6bb0001f8",
"id": "646d4a5b32a1cad6165df286",
"title": "Step 100"
},
{
"id": "646d4ab9b3b4c5d74fdd2154",
"id": "646d4a8dbc04c6d6bb0001f8",
"title": "Step 101"
},
{
"id": "646d4b3d80ea98d824c8a4f9",
"id": "646d4ab9b3b4c5d74fdd2154",
"title": "Step 102"
},
{
"id": "646d4b3d80ea98d824c8a4f9",
"title": "Step 103"
}
]
}
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/643475e13dc727231acd0f72.md
-14
View File
@@ -9,8 +9,6 @@ dashedName: step-17
Now in your nested `.forEach()` call, declare an `input` variable. Use the `.createElement()` method of the `document` object to create an `input` element. Set the `type` attribute to `text` and the `id` attribute to `letter + number`.
For accessibility, set the `aria-label` attribute to the same value as the `id` attribute.
# --hints--
You should declare an `input` variable.
@@ -67,18 +65,6 @@ You should set the `id` attribute of your `input` element to `letter + number`.
assert.match(code, /input\.id\s*=\s*letter\s\+\snumber/)
```
You should access the `ariaLabel` property of your `input` element.
```js
assert.match(code, /input\.ariaLabel/);
```
You should set the `aria-label` attribute of your `input` element to `letter + number`.
```js
assert.match(code, /input\.ariaLabel\s*=\s*letter\s\+\snumber/)
```
# --seed--
## --seed-contents--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/643498328cb52026123e2b91.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 643498328cb52026123e2b91
title: Step 18
title: Step 19
challengeType: 0
dashedName: step-18
dashedName: step-19
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/643498755d54c6279ba09078.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 643498755d54c6279ba09078
title: Step 19
title: Step 20
challengeType: 0
dashedName: step-19
dashedName: step-20
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6437124c4c03dd4c8fb35d56.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6437124c4c03dd4c8fb35d56
title: Step 20
title: Step 21
challengeType: 0
dashedName: step-20
dashedName: step-21
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6437133052eaf04d7300e622.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6437133052eaf04d7300e622
title: Step 21
title: Step 22
challengeType: 0
dashedName: step-21
dashedName: step-22
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/643715013330824ecaa70442.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 643715013330824ecaa70442
title: Step 22
title: Step 23
challengeType: 0
dashedName: step-22
dashedName: step-23
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496d1e5af8c0148fbef96d.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64496d1e5af8c0148fbef96d
title: Step 23
title: Step 24
challengeType: 0
dashedName: step-23
dashedName: step-24
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496d80bc174a158c973080.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64496d80bc174a158c973080
title: Step 24
title: Step 25
challengeType: 0
dashedName: step-24
dashedName: step-25
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496df724dd3716a71fe971.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64496df724dd3716a71fe971
title: Step 25
title: Step 26
challengeType: 0
dashedName: step-25
dashedName: step-26
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496e9c6d7a2e189948e441.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64496e9c6d7a2e189948e441
title: Step 26
title: Step 27
challengeType: 0
dashedName: step-26
dashedName: step-27
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449749d20436c1f1dfadcf2.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449749d20436c1f1dfadcf2
title: Step 27
title: Step 28
challengeType: 0
dashedName: step-27
dashedName: step-28
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449755666005520330cec5b.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449755666005520330cec5b
title: Step 28
title: Step 29
challengeType: 0
dashedName: step-28
dashedName: step-29
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64497da4062602213ecf32e7.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64497da4062602213ecf32e7
title: Step 29
title: Step 30
challengeType: 0
dashedName: step-29
dashedName: step-30
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64497de936a2f322327e5c58.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64497de936a2f322327e5c58
title: Step 30
title: Step 31
challengeType: 0
dashedName: step-30
dashedName: step-31
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64497e0e5e5a2c2329785af4.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64497e0e5e5a2c2329785af4
title: Step 31
title: Step 32
challengeType: 0
dashedName: step-31
dashedName: step-32
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64497e764135bd24b7960dd3.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64497e764135bd24b7960dd3
title: Step 32
title: Step 33
challengeType: 0
dashedName: step-32
dashedName: step-33
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449842c6f6c84261075e4c9.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449842c6f6c84261075e4c9
title: Step 33
title: Step 34
challengeType: 0
dashedName: step-33
dashedName: step-34
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64498473a17adc26ef0ecc2d.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64498473a17adc26ef0ecc2d
title: Step 34
title: Step 35
challengeType: 0
dashedName: step-34
dashedName: step-35
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449849b78f43527be1e8a98.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449849b78f43527be1e8a98
title: Step 35
title: Step 36
challengeType: 0
dashedName: step-35
dashedName: step-36
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64498542cab69128ab24e4de.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64498542cab69128ab24e4de
title: Step 36
title: Step 37
challengeType: 0
dashedName: step-36
dashedName: step-37
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449860d84c9e22cbd7b497c.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449860d84c9e22cbd7b497c
title: Step 37
title: Step 38
challengeType: 0
dashedName: step-37
dashedName: step-38
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449863f592af72d9be0959e.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449863f592af72d9be0959e
title: Step 38
title: Step 39
challengeType: 0
dashedName: step-38
dashedName: step-39
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449874d5191562eb3313b3f.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449874d5191562eb3313b3f
title: Step 39
title: Step 40
challengeType: 0
dashedName: step-39
dashedName: step-40
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6449876e7aae0d2f8257a497.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6449876e7aae0d2f8257a497
title: Step 40
title: Step 41
challengeType: 0
dashedName: step-40
dashedName: step-41
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64498b085028fc30a58bb6a7.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 64498b085028fc30a58bb6a7
title: Step 41
title: Step 42
challengeType: 0
dashedName: step-41
dashedName: step-42
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0889c6ff4baa46ac1c50.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d0889c6ff4baa46ac1c50
title: Step 42
title: Step 43
challengeType: 0
dashedName: step-42
dashedName: step-43
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d09a07241aaab1e777080.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d09a07241aaab1e777080
title: Step 43
title: Step 44
challengeType: 0
dashedName: step-43
dashedName: step-44
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0a022da7bcabf3e3aca3.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d0a022da7bcabf3e3aca3
title: Step 44
title: Step 45
challengeType: 0
dashedName: step-44
dashedName: step-45
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0d20108440acc95a6b32.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d0d20108440acc95a6b32
title: Step 45
title: Step 46
challengeType: 0
dashedName: step-45
dashedName: step-46
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0db5175974ad8633b71c.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d0db5175974ad8633b71c
title: Step 46
title: Step 47
challengeType: 0
dashedName: step-46
dashedName: step-47
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d0e4636e14eae2bb3b992.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d0e4636e14eae2bb3b992
title: Step 47
title: Step 48
challengeType: 0
dashedName: step-47
dashedName: step-48
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1980018efaaec2b1c28b.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d1980018efaaec2b1c28b
title: Step 48
title: Step 49
challengeType: 0
dashedName: step-48
dashedName: step-49
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d19fc4705e4af65c3e688.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d19fc4705e4af65c3e688
title: Step 49
title: Step 50
challengeType: 0
dashedName: step-49
dashedName: step-50
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1b96dd7ea4b0061458bc.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d1b96dd7ea4b0061458bc
title: Step 50
title: Step 51
challengeType: 0
dashedName: step-50
dashedName: step-51
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1cadf0d96ab0b7e12da4.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d1cadf0d96ab0b7e12da4
title: Step 51
title: Step 52
challengeType: 0
dashedName: step-51
dashedName: step-52
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1d67f9261fb15a795588.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d1d67f9261fb15a795588
title: Step 52
title: Step 53
challengeType: 0
dashedName: step-52
dashedName: step-53
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d1e531042dfb24da1f032.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d1e531042dfb24da1f032
title: Step 53
title: Step 54
challengeType: 0
dashedName: step-53
dashedName: step-54
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3141790b3cb337dd611a.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3141790b3cb337dd611a
title: Step 54
title: Step 55
challengeType: 0
dashedName: step-54
dashedName: step-55
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d382c4d70ceb3dba1e830.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d382c4d70ceb3dba1e830
title: Step 55
title: Step 56
challengeType: 0
dashedName: step-55
dashedName: step-56
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d386a685620b49db4be76.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d386a685620b49db4be76
title: Step 56
title: Step 57
challengeType: 0
dashedName: step-56
dashedName: step-57
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d38c326f3c8b54023de38.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d38c326f3c8b54023de38
title: Step 57
title: Step 58
challengeType: 0
dashedName: step-57
dashedName: step-58
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d38f906b94cb5fe6ce7de.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d38f906b94cb5fe6ce7de
title: Step 58
title: Step 59
challengeType: 0
dashedName: step-58
dashedName: step-59
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3952f6af37b6a1c241c2.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3952f6af37b6a1c241c2
title: Step 59
title: Step 60
challengeType: 0
dashedName: step-59
dashedName: step-60
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d39c156fe94b7482c3ab6.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d39c156fe94b7482c3ab6
title: Step 60
title: Step 61
challengeType: 0
dashedName: step-60
dashedName: step-61
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3b27cd3c56b875256301.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3b27cd3c56b875256301
title: Step 61
title: Step 62
challengeType: 0
dashedName: step-61
dashedName: step-62
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3bc75fe0c9b972da3323.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3bc75fe0c9b972da3323
title: Step 62
title: Step 63
challengeType: 0
dashedName: step-62
dashedName: step-63
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3c146e10b0ba222bb2a7.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3c146e10b0ba222bb2a7
title: Step 63
title: Step 64
challengeType: 0
dashedName: step-63
dashedName: step-64
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d037872fbbae0a8ec0e.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3d037872fbbae0a8ec0e
title: Step 64
title: Step 65
challengeType: 0
dashedName: step-64
dashedName: step-65
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d65be79c8bb9c7df9ff.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3d65be79c8bb9c7df9ff
title: Step 65
title: Step 66
challengeType: 0
dashedName: step-65
dashedName: step-66
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3d80c3b4aebc4103618e.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3d80c3b4aebc4103618e
title: Step 66
title: Step 67
challengeType: 0
dashedName: step-66
dashedName: step-67
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3da8501e15bcd355ba1d.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3da8501e15bcd355ba1d
title: Step 67
title: Step 68
challengeType: 0
dashedName: step-67
dashedName: step-68
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3e135ab3abbdbfe5c899.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3e135ab3abbdbfe5c899
title: Step 68
title: Step 69
challengeType: 0
dashedName: step-68
dashedName: step-69
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3e64b15f92be6e61704e.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3e64b15f92be6e61704e
title: Step 69
title: Step 70
challengeType: 0
dashedName: step-69
dashedName: step-70
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3ee7b17ae3bf48610033.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3ee7b17ae3bf48610033
title: Step 70
title: Step 71
challengeType: 0
dashedName: step-70
dashedName: step-71
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3f1fd12f76c02c823bb8.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3f1fd12f76c02c823bb8
title: Step 71
title: Step 72
challengeType: 0
dashedName: step-71
dashedName: step-72
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d3f718b5f8dc102cd528e.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d3f718b5f8dc102cd528e
title: Step 72
title: Step 73
challengeType: 0
dashedName: step-72
dashedName: step-73
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d404259f512c1a9e86ac1.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d404259f512c1a9e86ac1
title: Step 73
title: Step 74
challengeType: 0
dashedName: step-73
dashedName: step-74
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d40c543943ec250039682.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d40c543943ec250039682
title: Step 74
title: Step 75
challengeType: 0
dashedName: step-74
dashedName: step-75
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d40fe4b7b50c30c2b4cd8.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d40fe4b7b50c30c2b4cd8
title: Step 75
title: Step 76
challengeType: 0
dashedName: step-75
dashedName: step-76
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d41e23b583fc3b8cc4579.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d41e23b583fc3b8cc4579
title: Step 76
title: Step 77
challengeType: 0
dashedName: step-76
dashedName: step-77
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d423fade4a9c4636acd13.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d423fade4a9c4636acd13
title: Step 77
title: Step 78
challengeType: 0
dashedName: step-77
dashedName: step-78
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d42f58deb2fc52adc6611.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d42f58deb2fc52adc6611
title: Step 78
title: Step 79
challengeType: 0
dashedName: step-78
dashedName: step-79
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d43587d926bc5b6cb2e50.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d43587d926bc5b6cb2e50
title: Step 79
title: Step 80
challengeType: 0
dashedName: step-79
dashedName: step-80
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d448479c8fdc8dcec868c.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d448479c8fdc8dcec868c
title: Step 80
title: Step 81
challengeType: 0
dashedName: step-80
dashedName: step-81
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d44da986f2bc9b72f5fe2.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d44da986f2bc9b72f5fe2
title: Step 81
title: Step 82
challengeType: 0
dashedName: step-81
dashedName: step-82
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d451c2e44afca71b67818.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d451c2e44afca71b67818
title: Step 82
title: Step 83
challengeType: 0
dashedName: step-82
dashedName: step-83
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4554721d43cb19a68bc4.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4554721d43cb19a68bc4
title: Step 83
title: Step 84
challengeType: 0
dashedName: step-83
dashedName: step-84
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d45b739da5ecbf830c108.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d45b739da5ecbf830c108
title: Step 84
title: Step 85
challengeType: 0
dashedName: step-84
dashedName: step-85
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d45ee725632cca2555146.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d45ee725632cca2555146
title: Step 85
title: Step 86
challengeType: 0
dashedName: step-85
dashedName: step-86
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4626420eeecd51f241c2.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4626420eeecd51f241c2
title: Step 86
title: Step 87
challengeType: 0
dashedName: step-86
dashedName: step-87
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d467c6994f4ce0dc416a4.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d467c6994f4ce0dc416a4
title: Step 87
title: Step 88
challengeType: 0
dashedName: step-87
dashedName: step-88
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d46c03e7d02cecb30f021.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d46c03e7d02cecb30f021
title: Step 88
title: Step 89
challengeType: 0
dashedName: step-88
dashedName: step-89
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4717a689e1cfa232e357.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4717a689e1cfa232e357
title: Step 89
title: Step 90
challengeType: 0
dashedName: step-89
dashedName: step-90
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4769ba65f1d05ef6b634.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4769ba65f1d05ef6b634
title: Step 90
title: Step 91
challengeType: 0
dashedName: step-90
dashedName: step-91
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d47c8f58107d10f1e5106.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d47c8f58107d10f1e5106
title: Step 91
title: Step 92
challengeType: 0
dashedName: step-91
dashedName: step-92
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4813c17b37d1e261a566.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4813c17b37d1e261a566
title: Step 92
title: Step 93
challengeType: 0
dashedName: step-92
dashedName: step-93
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d486aec20f7d2a581cc36.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d486aec20f7d2a581cc36
title: Step 93
title: Step 94
challengeType: 0
dashedName: step-93
dashedName: step-94
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d48b936802fd34c3f05af.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d48b936802fd34c3f05af
title: Step 94
title: Step 95
challengeType: 0
dashedName: step-94
dashedName: step-95
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d498c8ebc31d3f753b22e.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d498c8ebc31d3f753b22e
title: Step 95
title: Step 96
challengeType: 0
dashedName: step-95
dashedName: step-96
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d49bfff9079d4b38df115.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d49bfff9079d4b38df115
title: Step 96
title: Step 97
challengeType: 0
dashedName: step-96
dashedName: step-97
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a07a8fb14d55cd70e09.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4a07a8fb14d55cd70e09
title: Step 97
title: Step 98
challengeType: 0
dashedName: step-97
dashedName: step-98
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a5b32a1cad6165df286.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4a5b32a1cad6165df286
title: Step 99
title: Step 100
challengeType: 0
dashedName: step-99
dashedName: step-100
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4a8dbc04c6d6bb0001f8.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4a8dbc04c6d6bb0001f8
title: Step 100
title: Step 101
challengeType: 0
dashedName: step-100
dashedName: step-101
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4ab9b3b4c5d74fdd2154.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4ab9b3b4c5d74fdd2154
title: Step 101
title: Step 102
challengeType: 0
dashedName: step-101
dashedName: step-102
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/646d4b3d80ea98d824c8a4f9.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 646d4b3d80ea98d824c8a4f9
title: Step 102
title: Step 103
challengeType: 0
dashedName: step-102
dashedName: step-103
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/6491d38f5b09a021c4b5d5fe.md
+2 -2
View File
@@ -1,8 +1,8 @@
---
id: 6491d38f5b09a021c4b5d5fe
title: Step 98
title: Step 99
challengeType: 0
dashedName: step-98
dashedName: step-99
---
# --description--
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/65ae458e23954c3469e0c209.md
+104
View File
@@ -0,0 +1,104 @@
---
id: 65ae458e23954c3469e0c209
title: Step 18
challengeType: 0
dashedName: step-18
---
# --description--
In earlier projects you learned about the `setAttribute` method. Another way to update an attribute in JavaScript is to use the following syntax:
```js
el.attribute = value;
```
The property names for hyphenated HTML attribute values, such as `aria-label`, follow camel case, becoming `ariaLabel`.
```js
el.ariaLabel = "Aria Label Value";
```
Set the `aria-label` attribute for the `input` element to the same value as the `id` attribute.
# --hints--
You should have an `input.ariaLabel`.
```js
assert.match(code, /input\.ariaLabel\s*=/);
```
You should assign `letter + number` to `input.ariaLabel`.
```js
assert.match(code, /input\.ariaLabel\s*=\s*letter\s*\+\s*number/);
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./styles.css" />
<title>Functional Programming Spreadsheet</title>
</head>
<body>
<div id="container">
<div></div>
</div>
<script src="./script.js"></script>
</body>
</html>
```
```css
#container {
display: grid;
grid-template-columns: 50px repeat(10, 200px);
grid-template-rows: repeat(11, 30px);
}
.label {
background-color: lightgray;
text-align: center;
vertical-align: middle;
line-height: 30px;
}
```
```js
const range = (start, end) => Array(end - start + 1).fill(start).map((element, index) => element + index);
const charRange = (start, end) => range(start.charCodeAt(0), end.charCodeAt(0)).map(code => String.fromCharCode(code));
window.onload = () => {
const container = document.getElementById("container");
const createLabel = (name) => {
const label = document.createElement("div");
label.className = "label";
label.textContent = name;
container.appendChild(label);
}
const letters = charRange("A", "J");
letters.forEach(createLabel);
range(1, 99).forEach(number => {
createLabel(number);
--fcc-editable-region--
letters.forEach(letter => {
const input = document.createElement("input");
input.type = "text";
input.id = letter + number;
})
--fcc-editable-region--
})
}
```