Files
Jessica Wilkins 306ebf7683 feat: adding sports team project to new JS curriculum (#49135)
* fix: linting error

* fix: updating correct super block name for project

* feat: adding steps 15-20

* feat: adding more steps

* feat: adding more steps for setPlayerCards function

* feat: adding more steps

* feat: adding rest of steps

* fix: missing commas from json file

* feat: adding tests

* feat: adding more tests

* fix: broken test for step 5

* feat: adding more tests

* chore: adding tests

* chore: adding more tests

* feat: adding tests 16-20

* feat: adding more tests

* feat: adding tests 25-29

* feat: adding more tests

* feat: adding switch statement tests

* feat: adding rest of tests

* fix: adding column layout for small devices

* fix: step 16 test

* fix: step 17 test

* fix: incorrect test for step 30

* fix: step 36

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2ab4f6c52c5eec6d68de4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e95e39860dc5b01ebe9be0.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/641fc88d8fa7127f76e0324f.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a4a8087e6dec8ec47f16.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a5f09a785aed155c0a56.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a8e14fb388edd3242527.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2aa36fcdc63ee4e18fc37.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d1214a0ac7a9389793269b.md

Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f28972973504e7bb58b0b3.md

Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf8ec006a776ff5f6e3c68.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf8ec006a776ff5f6e3c68.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf90d4696d8f00851873a4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf90d4696d8f00851873a4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf91b0ff6e9300ead140cc.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a8e14fb388edd3242527.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a8e14fb388edd3242527.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2aa36fcdc63ee4e18fc37.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2aa36fcdc63ee4e18fc37.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2ab4f6c52c5eec6d68de4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf91b0ff6e9300ead140cc.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf920228531a0145abd0b3.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf920228531a0145abd0b3.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf920228531a0145abd0b3.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf93472de77d01bf8474bf.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63cf93472de77d01bf8474bf.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d120a05ee93f38353b84c0.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d120a05ee93f38353b84c0.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d1214a0ac7a9389793269b.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d1214a0ac7a9389793269b.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d128eaedcc773d2ded2128.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d128eaedcc773d2ded2128.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d12b9c7aaee43de1ba265d.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d12fe2a595263e8f5084f7.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63d12fe2a595263e8f5084f7.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e02a333354343b595d64ca.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e0334b7a24bd3c96aca4de.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e03b86008bbb3e1c3de846.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e060df21bca347b2d2b374.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e062d6090ebb486a4eda3a.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e949b8327aa2aca2ca8eac.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e95a45dce95baf41dd4f78.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e95e39860dc5b01ebe9be0.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e95e39860dc5b01ebe9be0.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e9667c881b61b1e338d276.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e96938d2a347b2734a1587.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e96eb94c97b6b31ee50f63.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e96eb94c97b6b31ee50f63.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e9718d7d490bb3940d5a0a.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e9737f686c76b4078a60f4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63e9737f686c76b4078a60f4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f28972973504e7bb58b0b3.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f28ef082d771e8bf71f94a.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f293c804d6f9e9a83ca4c5.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f29804e3ec00ea6fab1ec4.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f29ce62aea65eb041758c8.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a0a860790eebe61bf908.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a0a860790eebe61bf908.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/641fc88d8fa7127f76e0324f.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/641fcfd468185384ac218b7d.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a4a8087e6dec8ec47f16.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a4a8087e6dec8ec47f16.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a5f09a785aed155c0a56.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63f2a5f09a785aed155c0a56.md

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* fix: applying rest of code review suggestions

* Update client/i18n/locales/english/intro.json

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update client/src/pages/learn/2022/javascript-algorithms-and-data-structures/learn-modern-javascript-methods-by-building-sports-team-cards/index.md

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update client/src/pages/learn/2022/javascript-algorithms-and-data-structures/learn-modern-javascript-methods-by-building-sports-team-cards/index.md

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update client/utils/help-category-map.json

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update client/src/pages/learn/2022/javascript-algorithms-and-data-structures/learn-modern-javascript-methods-by-building-sports-team-cards/index.md

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update curriculum/challenges/_meta/learn-modern-javascript-methods-by-building-sports-team-cards/meta.json

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update curriculum/challenges/_meta/learn-modern-javascript-methods-by-building-sports-team-cards/meta.json

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-sports-team-cards/63c620161fc2b49ac340ffc4.md

Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>

* refactor: rename project folder

* Update client/i18n/locales/english/intro.json

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>

* fix: updating folder names

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e954321b0a77ae4f6d9650.md

Co-authored-by: Kolade Chris <65571316+Ksound22@users.noreply.github.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63c620161fc2b49ac340ffc4.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63cf91b0ff6e9300ead140cc.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63cf920228531a0145abd0b3.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63d120a05ee93f38353b84c0.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e036373fc9173d284e165a.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2ab4f6c52c5eec6d68de4.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e02a333354343b595d64ca.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e02a333354343b595d64ca.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e0334b7a24bd3c96aca4de.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e0334b7a24bd3c96aca4de.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e042661ad2663f0d468740.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e05557016dfd45ea49152c.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e05c00b615bb46ac87273a.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e060df21bca347b2d2b374.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e062d6090ebb486a4eda3a.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e949b8327aa2aca2ca8eac.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e94dae6dcedbad73f2f6ee.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e94dae6dcedbad73f2f6ee.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e954321b0a77ae4f6d9650.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e95a45dce95baf41dd4f78.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e95a45dce95baf41dd4f78.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e96938d2a347b2734a1587.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e96938d2a347b2734a1587.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e9667c881b61b1e338d276.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e9667c881b61b1e338d276.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* fix: syntax erorr for broken test

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e96eb94c97b6b31ee50f63.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e96eb94c97b6b31ee50f63.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f28972973504e7bb58b0b3.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f28972973504e7bb58b0b3.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63e949b8327aa2aca2ca8eac.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f29804e3ec00ea6fab1ec4.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f29ce62aea65eb041758c8.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/641fcfd468185384ac218b7d.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f29ce62aea65eb041758c8.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a0a860790eebe61bf908.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a0a860790eebe61bf908.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a4a8087e6dec8ec47f16.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a4a8087e6dec8ec47f16.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a4a8087e6dec8ec47f16.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a5f09a785aed155c0a56.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a5f09a785aed155c0a56.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a5f09a785aed155c0a56.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a8e14fb388edd3242527.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a8e14fb388edd3242527.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2a8e14fb388edd3242527.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2aa36fcdc63ee4e18fc37.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2aa36fcdc63ee4e18fc37.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2aa36fcdc63ee4e18fc37.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2ab4f6c52c5eec6d68de4.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2ab4f6c52c5eec6d68de4.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

* Update curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-modern-javascript-methods-by-building-football-team-cards/63f2ab4f6c52c5eec6d68de4.md

Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>

---------

Co-authored-by: Naomi Carrigan <nhcarrigan@gmail.com>
Co-authored-by: Krzysztof G. <60067306+gikf@users.noreply.github.com>
Co-authored-by: Rafael D. Hernandez <6822714+RafaelDavisH@users.noreply.github.com>
Co-authored-by: Kolade Chris <65571316+Ksound22@users.noreply.github.com>
Co-authored-by: Kristofer Koishigawa <scissorsneedfoodtoo@gmail.com>
2023-04-24 12:56:45 +02:00

7.0 KiB

id, title, challengeType, dashedName
id title challengeType dashedName
63cf83fdbb51d9fa54654ae6 Step 5 0 step-5

--description--

Now it is time to build out the data structure that will hold all of the information for your football team.

Below the variables you just created, create a new const variable called myFavoriteFootballTeam and assign it an empty object.

--hints--

You should use const to declare the variable called myFavoriteFootballTeam and assign it an empty object.

assert.match(code, /const\s+myFavoriteFootballTeam\s*=\s*{\s*}\s*/);

--seed--

--seed-contents--

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Learn Modern JavaScript methods by building football team cards
    </title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1 class="title">Team stats</h1>
    <main>
      <div class="team-stats">
        <p>Team: <span id="team"></span></p>
        <p>Sport: <span id="sport"></span></p>
        <p>Year: <span id="year"></span></p>
        <p>Head coach: <span id="head-coach"></span></p>
      </div>
      <label class="options-label" for="players">Filter Teammates:</label>
      <select name="players" id="players">
        <option value="all">All Players</option>
        <option value="nickname">Nicknames</option>
        <option value="forward">Position Forward</option>
        <option value="midfielder">Position Midfielder</option>
        <option value="defender">Position Defender</option>
        <option value="goalkeeper">Position Goalkeeper</option>
      </select>
      <div class="cards" id="player-cards">
        <div class="player-card">
          <h2>Sergio Almirón</h2>
          <p>Position: forward</p>
          <p>Number: 1</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Sergio Batista</h2>
          <p>Position: midfielder</p>
          <p>Number: 2</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Ricardo Bochini</h2>
          <p>Position: midfielder</p>
          <p>Number: 3</p>
          <p>Nickname: El Bocha</p>
        </div>
        <div class="player-card">
          <h2>Claudio Borghi</h2>
          <p>Position: midfielder</p>
          <p>Number: 4</p>
          <p>Nickname: Bichi</p>
        </div>
        <div class="player-card">
          <h2>José Luis Brown</h2>
          <p>Position: defender</p>
          <p>Number: 5</p>
          <p>Nickname: Tata</p>
        </div>
        <div class="player-card">
          <h2>Daniel Passarella</h2>
          <p>Position: defender</p>
          <p>Number: 6</p>
          <p>Nickname: El Gran Capitán</p>
        </div>
        <div class="player-card">
          <h2>Jorge Burruchaga</h2>
          <p>Position: forward</p>
          <p>Number: 7</p>
          <p>Nickname: Burru</p>
        </div>
        <div class="player-card">
          <h2>Néstor Clausen</h2>
          <p>Position: defender</p>
          <p>Number: 8</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>José Luis Cuciuffo</h2>
          <p>Position: defender</p>
          <p>Number: 9</p>
          <p>Nickname: El Cuchu</p>
        </div>
        <div class="player-card">
          <h2>(Captain) Diego Maradona</h2>
          <p>Position: midfielder</p>
          <p>Number: 10</p>
          <p>Nickname: El Pibe de Oro</p>
        </div>
        <div class="player-card">
          <h2>Jorge Valdano</h2>
          <p>Position: forward</p>
          <p>Number: 11</p>
          <p>Nickname: The Philosopher of Football</p>
        </div>
        <div class="player-card">
          <h2>Héctor Enrique</h2>
          <p>Position: midfielder</p>
          <p>Number: 12</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Oscar Garré</h2>
          <p>Position: defender</p>
          <p>Number: 13</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Ricardo Giusti</h2>
          <p>Position: midfielder</p>
          <p>Number: 14</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Luis Islas</h2>
          <p>Position: goalkeeper</p>
          <p>Number: 15</p>
          <p>Nickname: El loco</p>
        </div>
        <div class="player-card">
          <h2>Julio Olarticoechea</h2>
          <p>Position: defender</p>
          <p>Number: 16</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Pedro Pasculli</h2>
          <p>Position: forward</p>
          <p>Number: 17</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Nery Pumpido</h2>
          <p>Position: goalkeeper</p>
          <p>Number: 18</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Oscar Ruggeri</h2>
          <p>Position: defender</p>
          <p>Number: 19</p>
          <p>Nickname: El Cabezón</p>
        </div>
        <div class="player-card">
          <h2>Carlos Tapia</h2>
          <p>Position: midfielder</p>
          <p>Number: 20</p>
          <p>Nickname: N/A</p>
        </div>
        <div class="player-card">
          <h2>Marcelo Trobbiani</h2>
          <p>Position: midfielder</p>
          <p>Number: 21</p>
          <p>Nickname: Calesita</p>
        </div>
        <div class="player-card">
          <h2>Héctor Zelada</h2>
          <p>Position: goalkeeper</p>
          <p>Number: 22</p>
          <p>Nickname: N/A</p>
        </div>
      </div>
    </main>
    <footer>&copy; freeCodeCamp</footer>
    <script src="./script.js"></script>
  </body>
</html>

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --dark-grey: #0a0a23;
  --light-grey: #f5f6f7;
  --white: #ffffff;
  --black: #000;
}

body {
  background-color: var(--dark-grey);
  text-align: center;
  padding: 10px;
}

.title,
.options-label,
.team-stats,
footer {
  color: var(--white);
}

.title {
  margin: 1.3rem 0;
}

.team-stats {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  font-size: 1.3rem;
  margin: 1.2rem 0;
}

.options-label {
  font-size: 1.2rem;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.player-card {
  background-color: var(--light-grey);
  padding: 1.3rem;
  margin: 1.2rem;
  width: 300px;
  border-radius: 15px;
}

@media (max-width: 768px) {
  .team-stats {
    flex-direction: column;
  }
}

const teamName = document.getElementById("team");
const typeOfSport = document.getElementById("sport");
const worldCupYear = document.getElementById("year");
const headCoach = document.getElementById("head-coach");
const playerCards = document.getElementById("player-cards");
const playersDropdownList = document.getElementById("players");
--fcc-editable-region--

--fcc-editable-region--