From b8f253327036fdc49a7d1ce635109bb79609eacc Mon Sep 17 00:00:00 2001 From: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com> Date: Fri, 23 Feb 2024 12:46:26 -0600 Subject: [PATCH] refactor(curriculum): sorting songs functionality in music player project (#53675) --- .../meta.json | 152 ++-- .../653283d07b8f9d294aafa83b.md | 28 +- .../65362bfd67d61d517deef191.md | 28 +- .../653635c731206b718659d3d5.md | 28 +- .../653639d63a45a077333312c8.md | 28 +- .../653641509b6e7681a9333245.md | 28 +- .../65364566e84e378837fbaf2a.md | 30 +- .../65422ba173a18b1bedef1bb6.md | 26 +- .../6552127b2576c2fbc5ecc2ea.md | 26 +- .../65521badc7b7470edf952372.md | 28 +- .../65521ec3bb117c195c4f6cb5.md | 28 +- .../655220a3fa5c3c200bc8e938.md | 28 +- .../6552303a9a78704f8ff072e9.md | 28 +- .../655235c2e607297f00316650.md | 28 +- .../6552385244ccf89b77d6b332.md | 28 +- .../655243068222c2c1166b90b0.md | 28 +- .../655476e1ff522252fdcce5e4.md | 28 +- .../655479aa3e1e0360ae38b7a6.md | 28 +- .../65547ee197840478a1b95f4b.md | 28 +- .../6554815fe2472f8bfdab7642.md | 28 +- .../655482742cc5499726e3f347.md | 28 +- .../655483ebf0096ba02b2c3d4c.md | 28 +- .../655485321913feabbc5f00f8.md | 28 +- .../6554860ea4dfbab2f4786fc8.md | 28 +- .../655487f686aabfc2a10ba887.md | 28 +- .../65548f747a4cdafd186948d1.md | 28 +- .../655490f55c36900779336988.md | 28 +- .../655492e6b90c7a198c587943.md | 28 +- .../655494d5a15d6a2567e1ea60.md | 28 +- .../655495a6bd96e42bc3baa795.md | 28 +- .../6555d17af9ff06a14d399f6d.md | 28 +- .../6555d458687cb3b357834df9.md | 28 +- .../6555d729c9bfd7c3195f1948.md | 28 +- .../6555d7e384056dc9c581fadf.md | 28 +- .../6555d8faed60b9d3e4a6cefb.md | 28 +- .../6555dd138e70cae6b546966d.md | 28 +- .../6555de565387a2efe90a6ccc.md | 28 +- .../6555e04aeb225bfbae237344.md | 28 +- .../6555e0bfe4d69904410f7cd3.md | 28 +- .../6555e39a5f4c6f138c7d9405.md | 28 +- .../6555e57d3e6d9d221c4735be.md | 28 +- .../6555e6cec786da2aadc11ea0.md | 28 +- .../6555e7acdbae972d3e8e0f5b.md | 28 +- .../6555e9197bf1d7416bdd76e0.md | 28 +- .../6555ebf07ec610585a626f72.md | 28 +- .../65571e742fbf4532d8f98e90.md | 28 +- .../655720534347cb3f31cdfb3d.md | 28 +- .../65572399a8e16d50bc2c1ff3.md | 28 +- .../655724bac464795a0ad91082.md | 28 +- .../655727b2e1e49d6adf584442.md | 28 +- .../655729e68e49b277a6b448bd.md | 28 +- .../65572bb34a7e488224b937fc.md | 28 +- .../65572e5aaf022790fb4a81b1.md | 28 +- .../655737cd004591b0271d6826.md | 28 +- .../65573a97c59ddbbf028ca95e.md | 38 +- .../65573d0abe4d38cd6fa13f44.md | 30 +- .../6557421eb6a7a0f0500e3106.md | 28 +- .../655b49333d9f265bc1512152.md | 30 +- .../655b4bbff1dbf66cb2ed4dac.md | 30 +- .../655b4c8f636d9675953a0388.md | 30 +- .../655b4dad1d38ff7cdd65cbfe.md | 56 +- .../656472ed8f552d2f2b3f7883.md | 28 +- .../65671421254eeb489875cdd8.md | 28 +- .../65672136535209761a5cf02b.md | 26 +- .../65672adafbaa37a6cef886f7.md | 28 +- .../659b0093d7db5a1a1122b7bd.md | 28 +- .../65a608b7e7c75a04ccf0c23c.md | 10 +- .../65a6098a3405f206312e28f5.md | 12 +- .../65a609f6e23f3b06c608fb57.md | 14 +- .../65a60aa3efd8fa079c2d1537.md | 22 +- .../65a60b0b8b4f96085ac23463.md | 28 +- .../65c64fe6c770a22db893e931.md | 643 +++++++++++++++++ .../65c6532520cf4f323329b2c6.md | 653 ++++++++++++++++++ .../65cf1f2cd796c06057bf3f3c.md | 648 +++++++++++++++++ 74 files changed, 3135 insertions(+), 909 deletions(-) create mode 100644 curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c64fe6c770a22db893e931.md create mode 100644 curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c6532520cf4f323329b2c6.md create mode 100644 curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65cf1f2cd796c06057bf3f3c.md diff --git a/curriculum/challenges/_meta/learn-basic-string-and-array-methods-by-building-a-music-player/meta.json b/curriculum/challenges/_meta/learn-basic-string-and-array-methods-by-building-a-music-player/meta.json index 2eee62de18e..39c8f3e75ec 100644 --- a/curriculum/challenges/_meta/learn-basic-string-and-array-methods-by-building-a-music-player/meta.json +++ b/curriculum/challenges/_meta/learn-basic-string-and-array-methods-by-building-a-music-player/meta.json @@ -93,284 +93,296 @@ "title": "Step 20" }, { - "id": "65a608b7e7c75a04ccf0c23c", + "id": "65c64fe6c770a22db893e931", "title": "Step 21" }, { - "id": "65a6098a3405f206312e28f5", + "id": "65a608b7e7c75a04ccf0c23c", "title": "Step 22" }, { - "id": "65a609f6e23f3b06c608fb57", + "id": "65a6098a3405f206312e28f5", "title": "Step 23" }, { - "id": "65a60aa3efd8fa079c2d1537", + "id": "65a609f6e23f3b06c608fb57", "title": "Step 24" }, { - "id": "65a60b0b8b4f96085ac23463", + "id": "65a60aa3efd8fa079c2d1537", "title": "Step 25" }, { - "id": "653283d07b8f9d294aafa83b", + "id": "65a60b0b8b4f96085ac23463", "title": "Step 26" }, { - "id": "65362bfd67d61d517deef191", + "id": "65cf1f2cd796c06057bf3f3c", "title": "Step 27" }, { - "id": "653635c731206b718659d3d5", + "id": "65c6532520cf4f323329b2c6", "title": "Step 28" }, { - "id": "653639d63a45a077333312c8", + "id": "653283d07b8f9d294aafa83b", "title": "Step 29" }, { - "id": "656472ed8f552d2f2b3f7883", + "id": "65362bfd67d61d517deef191", "title": "Step 30" }, { - "id": "653641509b6e7681a9333245", + "id": "653635c731206b718659d3d5", "title": "Step 31" }, { - "id": "655235c2e607297f00316650", + "id": "653639d63a45a077333312c8", "title": "Step 32" }, { - "id": "65364566e84e378837fbaf2a", + "id": "656472ed8f552d2f2b3f7883", "title": "Step 33" }, { - "id": "65422ba173a18b1bedef1bb6", + "id": "653641509b6e7681a9333245", "title": "Step 34" }, { - "id": "6552127b2576c2fbc5ecc2ea", + "id": "655235c2e607297f00316650", "title": "Step 35" }, { - "id": "65672136535209761a5cf02b", + "id": "65364566e84e378837fbaf2a", "title": "Step 36" }, { - "id": "65521badc7b7470edf952372", + "id": "65422ba173a18b1bedef1bb6", "title": "Step 37" }, { - "id": "65521ec3bb117c195c4f6cb5", + "id": "6552127b2576c2fbc5ecc2ea", "title": "Step 38" }, { - "id": "655220a3fa5c3c200bc8e938", + "id": "65672136535209761a5cf02b", "title": "Step 39" }, { - "id": "6552303a9a78704f8ff072e9", + "id": "65521badc7b7470edf952372", "title": "Step 40" }, { - "id": "655487f686aabfc2a10ba887", + "id": "65521ec3bb117c195c4f6cb5", "title": "Step 41" }, { - "id": "659b0093d7db5a1a1122b7bd", + "id": "655220a3fa5c3c200bc8e938", "title": "Step 42" }, { - "id": "6552385244ccf89b77d6b332", + "id": "6552303a9a78704f8ff072e9", "title": "Step 43" }, { - "id": "655243068222c2c1166b90b0", + "id": "655487f686aabfc2a10ba887", "title": "Step 44" }, { - "id": "655476e1ff522252fdcce5e4", + "id": "659b0093d7db5a1a1122b7bd", "title": "Step 45" }, { - "id": "655479aa3e1e0360ae38b7a6", + "id": "6552385244ccf89b77d6b332", "title": "Step 46" }, { - "id": "65547ee197840478a1b95f4b", + "id": "655243068222c2c1166b90b0", "title": "Step 47" }, { - "id": "6554815fe2472f8bfdab7642", + "id": "655476e1ff522252fdcce5e4", "title": "Step 48" }, { - "id": "655482742cc5499726e3f347", + "id": "655479aa3e1e0360ae38b7a6", "title": "Step 49" }, { - "id": "655483ebf0096ba02b2c3d4c", + "id": "65547ee197840478a1b95f4b", "title": "Step 50" }, { - "id": "655485321913feabbc5f00f8", + "id": "6554815fe2472f8bfdab7642", "title": "Step 51" }, { - "id": "6554860ea4dfbab2f4786fc8", + "id": "655482742cc5499726e3f347", "title": "Step 52" }, { - "id": "65548f747a4cdafd186948d1", + "id": "655483ebf0096ba02b2c3d4c", "title": "Step 53" }, { - "id": "655490f55c36900779336988", + "id": "655485321913feabbc5f00f8", "title": "Step 54" }, { - "id": "65671421254eeb489875cdd8", + "id": "6554860ea4dfbab2f4786fc8", "title": "Step 55" }, { - "id": "655492e6b90c7a198c587943", + "id": "65548f747a4cdafd186948d1", "title": "Step 56" }, { - "id": "655494d5a15d6a2567e1ea60", + "id": "655490f55c36900779336988", "title": "Step 57" }, { - "id": "655495a6bd96e42bc3baa795", + "id": "65671421254eeb489875cdd8", "title": "Step 58" }, { - "id": "6555d17af9ff06a14d399f6d", + "id": "655492e6b90c7a198c587943", "title": "Step 59" }, { - "id": "6555d458687cb3b357834df9", + "id": "655494d5a15d6a2567e1ea60", "title": "Step 60" }, { - "id": "6555d729c9bfd7c3195f1948", + "id": "655495a6bd96e42bc3baa795", "title": "Step 61" }, { - "id": "6555d7e384056dc9c581fadf", + "id": "6555d17af9ff06a14d399f6d", "title": "Step 62" }, { - "id": "6555d8faed60b9d3e4a6cefb", + "id": "6555d458687cb3b357834df9", "title": "Step 63" }, { - "id": "6555dd138e70cae6b546966d", + "id": "6555d729c9bfd7c3195f1948", "title": "Step 64" }, { - "id": "6555de565387a2efe90a6ccc", + "id": "6555d7e384056dc9c581fadf", "title": "Step 65" }, { - "id": "6555e04aeb225bfbae237344", + "id": "6555d8faed60b9d3e4a6cefb", "title": "Step 66" }, { - "id": "6555e0bfe4d69904410f7cd3", + "id": "6555dd138e70cae6b546966d", "title": "Step 67" }, { - "id": "6555e39a5f4c6f138c7d9405", + "id": "6555de565387a2efe90a6ccc", "title": "Step 68" }, { - "id": "6555e57d3e6d9d221c4735be", + "id": "6555e04aeb225bfbae237344", "title": "Step 69" }, { - "id": "6555e6cec786da2aadc11ea0", + "id": "6555e0bfe4d69904410f7cd3", "title": "Step 70" }, { - "id": "6555e7acdbae972d3e8e0f5b", + "id": "6555e39a5f4c6f138c7d9405", "title": "Step 71" }, { - "id": "6555e9197bf1d7416bdd76e0", + "id": "6555e57d3e6d9d221c4735be", "title": "Step 72" }, { - "id": "6555ebf07ec610585a626f72", + "id": "6555e6cec786da2aadc11ea0", "title": "Step 73" }, { - "id": "65571e742fbf4532d8f98e90", + "id": "6555e7acdbae972d3e8e0f5b", "title": "Step 74" }, { - "id": "655720534347cb3f31cdfb3d", + "id": "6555e9197bf1d7416bdd76e0", "title": "Step 75" }, { - "id": "65572399a8e16d50bc2c1ff3", + "id": "6555ebf07ec610585a626f72", "title": "Step 76" }, { - "id": "6557421eb6a7a0f0500e3106", + "id": "65571e742fbf4532d8f98e90", "title": "Step 77" }, { - "id": "655724bac464795a0ad91082", + "id": "655720534347cb3f31cdfb3d", "title": "Step 78" }, { - "id": "655727b2e1e49d6adf584442", + "id": "65572399a8e16d50bc2c1ff3", "title": "Step 79" }, { - "id": "65672adafbaa37a6cef886f7", + "id": "6557421eb6a7a0f0500e3106", "title": "Step 80" }, { - "id": "655729e68e49b277a6b448bd", + "id": "655724bac464795a0ad91082", "title": "Step 81" }, { - "id": "65572bb34a7e488224b937fc", + "id": "655727b2e1e49d6adf584442", "title": "Step 82" }, { - "id": "65572e5aaf022790fb4a81b1", + "id": "65672adafbaa37a6cef886f7", "title": "Step 83" }, { - "id": "655737cd004591b0271d6826", + "id": "655729e68e49b277a6b448bd", "title": "Step 84" }, { - "id": "65573a97c59ddbbf028ca95e", + "id": "65572bb34a7e488224b937fc", "title": "Step 85" }, { - "id": "65573d0abe4d38cd6fa13f44", + "id": "65572e5aaf022790fb4a81b1", "title": "Step 86" }, { - "id": "655b49333d9f265bc1512152", + "id": "655737cd004591b0271d6826", "title": "Step 87" }, { - "id": "655b4bbff1dbf66cb2ed4dac", + "id": "65573a97c59ddbbf028ca95e", "title": "Step 88" }, { - "id": "655b4c8f636d9675953a0388", + "id": "65573d0abe4d38cd6fa13f44", "title": "Step 89" }, { - "id": "655b4dad1d38ff7cdd65cbfe", + "id": "655b49333d9f265bc1512152", "title": "Step 90" + }, + { + "id": "655b4bbff1dbf66cb2ed4dac", + "title": "Step 91" + }, + { + "id": "655b4c8f636d9675953a0388", + "title": "Step 92" + }, + { + "id": "655b4dad1d38ff7cdd65cbfe", + "title": "Step 93" } ], "helpCategory": "JavaScript" diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653283d07b8f9d294aafa83b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653283d07b8f9d294aafa83b.md index beef7c8f403..a7312215d27 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653283d07b8f9d294aafa83b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653283d07b8f9d294aafa83b.md @@ -1,8 +1,8 @@ --- id: 653283d07b8f9d294aafa83b -title: Step 26 +title: Step 29 challengeType: 0 -dashedName: step-26 +dashedName: step-29 --- # --description-- @@ -656,18 +656,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65362bfd67d61d517deef191.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65362bfd67d61d517deef191.md index cdc366ecee4..06f12f0d044 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65362bfd67d61d517deef191.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65362bfd67d61d517deef191.md @@ -1,8 +1,8 @@ --- id: 65362bfd67d61d517deef191 -title: Step 27 +title: Step 30 challengeType: 0 -dashedName: step-27 +dashedName: step-30 --- # --description-- @@ -664,18 +664,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653635c731206b718659d3d5.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653635c731206b718659d3d5.md index 043546ebe17..29fbb9d5ba6 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653635c731206b718659d3d5.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653635c731206b718659d3d5.md @@ -1,8 +1,8 @@ --- id: 653635c731206b718659d3d5 -title: Step 28 +title: Step 31 challengeType: 0 -dashedName: step-28 +dashedName: step-31 --- # --description-- @@ -647,18 +647,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653639d63a45a077333312c8.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653639d63a45a077333312c8.md index bd28f3f61b7..da6d0874ce1 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653639d63a45a077333312c8.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653639d63a45a077333312c8.md @@ -1,8 +1,8 @@ --- id: 653639d63a45a077333312c8 -title: Step 29 +title: Step 32 challengeType: 0 -dashedName: step-29 +dashedName: step-32 --- # --description-- @@ -645,18 +645,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653641509b6e7681a9333245.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653641509b6e7681a9333245.md index 4f05fb0cc4a..2b8edf1896c 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653641509b6e7681a9333245.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/653641509b6e7681a9333245.md @@ -1,8 +1,8 @@ --- id: 653641509b6e7681a9333245 -title: Step 31 +title: Step 34 challengeType: 0 -dashedName: step-31 +dashedName: step-34 --- # --description-- @@ -645,18 +645,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65364566e84e378837fbaf2a.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65364566e84e378837fbaf2a.md index e88f9bcfcf8..9079e721cd7 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65364566e84e378837fbaf2a.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65364566e84e378837fbaf2a.md @@ -1,8 +1,8 @@ --- id: 65364566e84e378837fbaf2a -title: Step 33 +title: Step 36 challengeType: 0 -dashedName: step-33 +dashedName: step-36 --- # --description-- @@ -660,18 +660,22 @@ const renderSongs = (array) => { --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); - -renderSongs(userData?.songs); + return 0; + }); + + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65422ba173a18b1bedef1bb6.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65422ba173a18b1bedef1bb6.md index 8a929149ac2..d9a4ea5c92a 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65422ba173a18b1bedef1bb6.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65422ba173a18b1bedef1bb6.md @@ -1,8 +1,8 @@ --- id: 65422ba173a18b1bedef1bb6 -title: Step 34 +title: Step 37 challengeType: 0 -dashedName: step-34 +dashedName: step-37 --- # --description-- @@ -656,17 +656,21 @@ playButton.addEventListener("click", () => { --fcc-editable-region-- }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); + + return userData?.songs; +}; renderSongs(userData?.songs); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552127b2576c2fbc5ecc2ea.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552127b2576c2fbc5ecc2ea.md index 043e3b367db..11be288a6af 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552127b2576c2fbc5ecc2ea.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552127b2576c2fbc5ecc2ea.md @@ -1,8 +1,8 @@ --- id: 6552127b2576c2fbc5ecc2ea -title: Step 35 +title: Step 38 challengeType: 0 -dashedName: step-35 +dashedName: step-38 --- # --description-- @@ -666,17 +666,21 @@ playButton.addEventListener("click", () => { --fcc-editable-region-- }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); + + return userData?.songs; +}; renderSongs(userData?.songs); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521badc7b7470edf952372.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521badc7b7470edf952372.md index a1a52209a09..c87d768adab 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521badc7b7470edf952372.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521badc7b7470edf952372.md @@ -1,8 +1,8 @@ --- id: 65521badc7b7470edf952372 -title: Step 37 +title: Step 40 challengeType: 0 -dashedName: step-37 +dashedName: step-40 --- # --description-- @@ -674,18 +674,22 @@ playButton.addEventListener("click", () => { } }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521ec3bb117c195c4f6cb5.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521ec3bb117c195c4f6cb5.md index a74bd1852f7..63dda7b6037 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521ec3bb117c195c4f6cb5.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65521ec3bb117c195c4f6cb5.md @@ -1,8 +1,8 @@ --- id: 65521ec3bb117c195c4f6cb5 -title: Step 38 +title: Step 41 challengeType: 0 -dashedName: step-38 +dashedName: step-41 --- # --description-- @@ -664,18 +664,22 @@ playButton.addEventListener("click", () => { } }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655220a3fa5c3c200bc8e938.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655220a3fa5c3c200bc8e938.md index 1c68a42b065..aef48c045af 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655220a3fa5c3c200bc8e938.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655220a3fa5c3c200bc8e938.md @@ -1,8 +1,8 @@ --- id: 655220a3fa5c3c200bc8e938 -title: Step 39 +title: Step 42 challengeType: 0 -dashedName: step-39 +dashedName: step-42 --- # --description-- @@ -671,18 +671,22 @@ playButton.addEventListener("click", () => { } }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552303a9a78704f8ff072e9.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552303a9a78704f8ff072e9.md index 41945663eb5..ca627ee3d7f 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552303a9a78704f8ff072e9.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552303a9a78704f8ff072e9.md @@ -1,8 +1,8 @@ --- id: 6552303a9a78704f8ff072e9 -title: Step 40 +title: Step 43 challengeType: 0 -dashedName: step-40 +dashedName: step-43 --- # --description-- @@ -677,17 +677,21 @@ playButton.addEventListener("click", () => { --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655235c2e607297f00316650.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655235c2e607297f00316650.md index 58b3c6c3987..c99e5615c86 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655235c2e607297f00316650.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655235c2e607297f00316650.md @@ -1,8 +1,8 @@ --- id: 655235c2e607297f00316650 -title: Step 32 +title: Step 35 challengeType: 0 -dashedName: step-32 +dashedName: step-35 --- # --description-- @@ -651,18 +651,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552385244ccf89b77d6b332.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552385244ccf89b77d6b332.md index 41c5b522499..3ad571813c3 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552385244ccf89b77d6b332.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6552385244ccf89b77d6b332.md @@ -1,8 +1,8 @@ --- id: 6552385244ccf89b77d6b332 -title: Step 43 +title: Step 46 challengeType: 0 -dashedName: step-43 +dashedName: step-46 --- # --description-- @@ -685,17 +685,21 @@ playButton.addEventListener("click", () => { pauseButton.addEventListener("click", pauseSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655243068222c2c1166b90b0.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655243068222c2c1166b90b0.md index f63e4492de1..2612c19b895 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655243068222c2c1166b90b0.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655243068222c2c1166b90b0.md @@ -1,8 +1,8 @@ --- id: 655243068222c2c1166b90b0 -title: Step 44 +title: Step 47 challengeType: 0 -dashedName: step-44 +dashedName: step-47 --- # --description-- @@ -685,17 +685,21 @@ playButton.addEventListener("click", () => { pauseButton.addEventListener("click", pauseSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655476e1ff522252fdcce5e4.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655476e1ff522252fdcce5e4.md index ef2929a433d..702986f2d4c 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655476e1ff522252fdcce5e4.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655476e1ff522252fdcce5e4.md @@ -1,8 +1,8 @@ --- id: 655476e1ff522252fdcce5e4 -title: Step 45 +title: Step 48 challengeType: 0 -dashedName: step-45 +dashedName: step-48 --- # --description-- @@ -690,17 +690,21 @@ playButton.addEventListener("click", () => { pauseButton.addEventListener("click", pauseSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655479aa3e1e0360ae38b7a6.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655479aa3e1e0360ae38b7a6.md index 52dc2d7f74d..163a7d2b2f1 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655479aa3e1e0360ae38b7a6.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655479aa3e1e0360ae38b7a6.md @@ -1,8 +1,8 @@ --- id: 655479aa3e1e0360ae38b7a6 -title: Step 46 +title: Step 49 challengeType: 0 -dashedName: step-46 +dashedName: step-49 --- # --description-- @@ -695,17 +695,21 @@ playButton.addEventListener("click", () => { pauseButton.addEventListener("click", pauseSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65547ee197840478a1b95f4b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65547ee197840478a1b95f4b.md index 2ab839fa763..5bd4c6ed2ca 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65547ee197840478a1b95f4b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65547ee197840478a1b95f4b.md @@ -1,8 +1,8 @@ --- id: 65547ee197840478a1b95f4b -title: Step 47 +title: Step 50 challengeType: 0 -dashedName: step-47 +dashedName: step-50 --- # --description-- @@ -693,17 +693,21 @@ pauseButton.addEventListener("click", pauseSong); --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554815fe2472f8bfdab7642.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554815fe2472f8bfdab7642.md index 6ccb0c196ee..1535022880e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554815fe2472f8bfdab7642.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554815fe2472f8bfdab7642.md @@ -1,8 +1,8 @@ --- id: 6554815fe2472f8bfdab7642 -title: Step 48 +title: Step 51 challengeType: 0 -dashedName: step-48 +dashedName: step-51 --- # --description-- @@ -697,17 +697,21 @@ pauseButton.addEventListener("click", pauseSong); nextButton.addEventListener("click", playNextSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655482742cc5499726e3f347.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655482742cc5499726e3f347.md index 4bdef2b2946..9ab7d030057 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655482742cc5499726e3f347.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655482742cc5499726e3f347.md @@ -1,8 +1,8 @@ --- id: 655482742cc5499726e3f347 -title: Step 49 +title: Step 52 challengeType: 0 -dashedName: step-49 +dashedName: step-52 --- # --description-- @@ -709,17 +709,21 @@ pauseButton.addEventListener("click", pauseSong); nextButton.addEventListener("click", playNextSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655483ebf0096ba02b2c3d4c.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655483ebf0096ba02b2c3d4c.md index 508c4af59c6..fbcce7753ff 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655483ebf0096ba02b2c3d4c.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655483ebf0096ba02b2c3d4c.md @@ -1,8 +1,8 @@ --- id: 655483ebf0096ba02b2c3d4c -title: Step 50 +title: Step 53 challengeType: 0 -dashedName: step-50 +dashedName: step-53 --- # --description-- @@ -697,17 +697,21 @@ pauseButton.addEventListener("click", pauseSong); nextButton.addEventListener("click", playNextSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655485321913feabbc5f00f8.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655485321913feabbc5f00f8.md index 35f65581b8e..a7397e48ca6 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655485321913feabbc5f00f8.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655485321913feabbc5f00f8.md @@ -1,8 +1,8 @@ --- id: 655485321913feabbc5f00f8 -title: Step 51 +title: Step 54 challengeType: 0 -dashedName: step-51 +dashedName: step-54 --- # --description-- @@ -701,17 +701,21 @@ nextButton.addEventListener("click", playNextSong); --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554860ea4dfbab2f4786fc8.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554860ea4dfbab2f4786fc8.md index 5335a97fccf..3124f55cb30 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554860ea4dfbab2f4786fc8.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6554860ea4dfbab2f4786fc8.md @@ -1,8 +1,8 @@ --- id: 6554860ea4dfbab2f4786fc8 -title: Step 52 +title: Step 55 challengeType: 0 -dashedName: step-52 +dashedName: step-55 --- # --description-- @@ -716,17 +716,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655487f686aabfc2a10ba887.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655487f686aabfc2a10ba887.md index eefe08306fd..3ea8471bc4d 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655487f686aabfc2a10ba887.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655487f686aabfc2a10ba887.md @@ -1,8 +1,8 @@ --- id: 655487f686aabfc2a10ba887 -title: Step 41 +title: Step 44 challengeType: 0 -dashedName: step-41 +dashedName: step-44 --- # --description-- @@ -671,17 +671,21 @@ playButton.addEventListener("click", () => { pauseButton.addEventListener("click", pauseSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65548f747a4cdafd186948d1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65548f747a4cdafd186948d1.md index 1e145332f38..0305ca87724 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65548f747a4cdafd186948d1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65548f747a4cdafd186948d1.md @@ -1,8 +1,8 @@ --- id: 65548f747a4cdafd186948d1 -title: Step 53 +title: Step 56 challengeType: 0 -dashedName: step-53 +dashedName: step-56 --- # --description-- @@ -708,17 +708,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655490f55c36900779336988.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655490f55c36900779336988.md index 48d1a61c199..f27a1568ec7 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655490f55c36900779336988.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655490f55c36900779336988.md @@ -1,8 +1,8 @@ --- id: 655490f55c36900779336988 -title: Step 54 +title: Step 57 challengeType: 0 -dashedName: step-54 +dashedName: step-57 --- # --description-- @@ -722,17 +722,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655492e6b90c7a198c587943.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655492e6b90c7a198c587943.md index a3f47fd207b..20916d83c52 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655492e6b90c7a198c587943.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655492e6b90c7a198c587943.md @@ -1,8 +1,8 @@ --- id: 655492e6b90c7a198c587943 -title: Step 56 +title: Step 59 challengeType: 0 -dashedName: step-56 +dashedName: step-59 --- # --description-- @@ -715,17 +715,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655494d5a15d6a2567e1ea60.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655494d5a15d6a2567e1ea60.md index 035d4868344..2f77c46bdf7 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655494d5a15d6a2567e1ea60.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655494d5a15d6a2567e1ea60.md @@ -1,8 +1,8 @@ --- id: 655494d5a15d6a2567e1ea60 -title: Step 57 +title: Step 60 challengeType: 0 -dashedName: step-57 +dashedName: step-60 --- # --description-- @@ -704,17 +704,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655495a6bd96e42bc3baa795.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655495a6bd96e42bc3baa795.md index 5ee01b136bf..1c634ba6685 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655495a6bd96e42bc3baa795.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655495a6bd96e42bc3baa795.md @@ -1,8 +1,8 @@ --- id: 655495a6bd96e42bc3baa795 -title: Step 58 +title: Step 61 challengeType: 0 -dashedName: step-58 +dashedName: step-61 --- # --description-- @@ -722,17 +722,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d17af9ff06a14d399f6d.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d17af9ff06a14d399f6d.md index 5270c8cef66..194a0159228 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d17af9ff06a14d399f6d.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d17af9ff06a14d399f6d.md @@ -1,8 +1,8 @@ --- id: 6555d17af9ff06a14d399f6d -title: Step 59 +title: Step 62 challengeType: 0 -dashedName: step-59 +dashedName: step-62 --- # --description-- @@ -732,17 +732,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d458687cb3b357834df9.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d458687cb3b357834df9.md index 21dc05fc2ce..6d1432307ec 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d458687cb3b357834df9.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d458687cb3b357834df9.md @@ -1,8 +1,8 @@ --- id: 6555d458687cb3b357834df9 -title: Step 60 +title: Step 63 challengeType: 0 -dashedName: step-60 +dashedName: step-63 --- # --description-- @@ -726,17 +726,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d729c9bfd7c3195f1948.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d729c9bfd7c3195f1948.md index 91c7baab795..b411aa7b823 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d729c9bfd7c3195f1948.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d729c9bfd7c3195f1948.md @@ -1,8 +1,8 @@ --- id: 6555d729c9bfd7c3195f1948 -title: Step 61 +title: Step 64 challengeType: 0 -dashedName: step-61 +dashedName: step-64 --- # --description-- @@ -741,17 +741,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d7e384056dc9c581fadf.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d7e384056dc9c581fadf.md index 8571c5b9145..c4d4ae7033a 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d7e384056dc9c581fadf.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d7e384056dc9c581fadf.md @@ -1,8 +1,8 @@ --- id: 6555d7e384056dc9c581fadf -title: Step 62 +title: Step 65 challengeType: 0 -dashedName: step-62 +dashedName: step-65 --- # --description-- @@ -715,17 +715,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d8faed60b9d3e4a6cefb.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d8faed60b9d3e4a6cefb.md index eada075cb7b..8583a974d7c 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d8faed60b9d3e4a6cefb.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555d8faed60b9d3e4a6cefb.md @@ -1,8 +1,8 @@ --- id: 6555d8faed60b9d3e4a6cefb -title: Step 63 +title: Step 66 challengeType: 0 -dashedName: step-63 +dashedName: step-66 --- # --description-- @@ -735,17 +735,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555dd138e70cae6b546966d.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555dd138e70cae6b546966d.md index 722996b713f..d68f7856858 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555dd138e70cae6b546966d.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555dd138e70cae6b546966d.md @@ -1,8 +1,8 @@ --- id: 6555dd138e70cae6b546966d -title: Step 64 +title: Step 67 challengeType: 0 -dashedName: step-64 +dashedName: step-67 --- # --description-- @@ -731,17 +731,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555de565387a2efe90a6ccc.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555de565387a2efe90a6ccc.md index 5dc5815abc6..428de946ecc 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555de565387a2efe90a6ccc.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555de565387a2efe90a6ccc.md @@ -1,8 +1,8 @@ --- id: 6555de565387a2efe90a6ccc -title: Step 65 +title: Step 68 challengeType: 0 -dashedName: step-65 +dashedName: step-68 --- # --description-- @@ -738,17 +738,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e04aeb225bfbae237344.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e04aeb225bfbae237344.md index 159bdf2733a..17417dddb8d 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e04aeb225bfbae237344.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e04aeb225bfbae237344.md @@ -1,8 +1,8 @@ --- id: 6555e04aeb225bfbae237344 -title: Step 66 +title: Step 69 challengeType: 0 -dashedName: step-66 +dashedName: step-69 --- # --description-- @@ -723,17 +723,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e0bfe4d69904410f7cd3.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e0bfe4d69904410f7cd3.md index 9b66e51792d..02e8d029583 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e0bfe4d69904410f7cd3.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e0bfe4d69904410f7cd3.md @@ -1,8 +1,8 @@ --- id: 6555e0bfe4d69904410f7cd3 -title: Step 67 +title: Step 70 challengeType: 0 -dashedName: step-67 +dashedName: step-70 --- # --description-- @@ -745,17 +745,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e39a5f4c6f138c7d9405.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e39a5f4c6f138c7d9405.md index 7d9b2301cb6..5970f034cfe 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e39a5f4c6f138c7d9405.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e39a5f4c6f138c7d9405.md @@ -1,8 +1,8 @@ --- id: 6555e39a5f4c6f138c7d9405 -title: Step 68 +title: Step 71 challengeType: 0 -dashedName: step-68 +dashedName: step-71 --- # --description-- @@ -755,17 +755,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e57d3e6d9d221c4735be.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e57d3e6d9d221c4735be.md index 05260f40ef0..6e1aa6417be 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e57d3e6d9d221c4735be.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e57d3e6d9d221c4735be.md @@ -1,8 +1,8 @@ --- id: 6555e57d3e6d9d221c4735be -title: Step 69 +title: Step 72 challengeType: 0 -dashedName: step-69 +dashedName: step-72 --- # --description-- @@ -738,17 +738,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e6cec786da2aadc11ea0.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e6cec786da2aadc11ea0.md index 51704b05e97..425cc210dcf 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e6cec786da2aadc11ea0.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e6cec786da2aadc11ea0.md @@ -1,8 +1,8 @@ --- id: 6555e6cec786da2aadc11ea0 -title: Step 70 +title: Step 73 challengeType: 0 -dashedName: step-70 +dashedName: step-73 --- # --description-- @@ -757,17 +757,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e7acdbae972d3e8e0f5b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e7acdbae972d3e8e0f5b.md index 090a4344864..aca0889c837 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e7acdbae972d3e8e0f5b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e7acdbae972d3e8e0f5b.md @@ -1,8 +1,8 @@ --- id: 6555e7acdbae972d3e8e0f5b -title: Step 71 +title: Step 74 challengeType: 0 -dashedName: step-71 +dashedName: step-74 --- # --description-- @@ -750,17 +750,21 @@ previousButton.addEventListener("click", playPreviousSong); --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e9197bf1d7416bdd76e0.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e9197bf1d7416bdd76e0.md index dc1d3431caf..566d54f9d72 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e9197bf1d7416bdd76e0.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555e9197bf1d7416bdd76e0.md @@ -1,8 +1,8 @@ --- id: 6555e9197bf1d7416bdd76e0 -title: Step 72 +title: Step 75 challengeType: 0 -dashedName: step-72 +dashedName: step-75 --- # --description-- @@ -764,17 +764,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555ebf07ec610585a626f72.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555ebf07ec610585a626f72.md index 3c8242d1a3b..90758079bb8 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555ebf07ec610585a626f72.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6555ebf07ec610585a626f72.md @@ -1,8 +1,8 @@ --- id: 6555ebf07ec610585a626f72 -title: Step 73 +title: Step 76 challengeType: 0 -dashedName: step-73 +dashedName: step-76 --- # --description-- @@ -777,17 +777,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65571e742fbf4532d8f98e90.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65571e742fbf4532d8f98e90.md index 65d57d5ba24..be598c9edb0 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65571e742fbf4532d8f98e90.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65571e742fbf4532d8f98e90.md @@ -1,8 +1,8 @@ --- id: 65571e742fbf4532d8f98e90 -title: Step 74 +title: Step 77 challengeType: 0 -dashedName: step-74 +dashedName: step-77 --- # --description-- @@ -763,17 +763,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655720534347cb3f31cdfb3d.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655720534347cb3f31cdfb3d.md index 43a6fdc088d..bdcf0368f41 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655720534347cb3f31cdfb3d.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655720534347cb3f31cdfb3d.md @@ -1,8 +1,8 @@ --- id: 655720534347cb3f31cdfb3d -title: Step 75 +title: Step 78 challengeType: 0 -dashedName: step-75 +dashedName: step-78 --- # --description-- @@ -748,17 +748,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572399a8e16d50bc2c1ff3.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572399a8e16d50bc2c1ff3.md index fd7d7e14248..813c112e40e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572399a8e16d50bc2c1ff3.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572399a8e16d50bc2c1ff3.md @@ -1,8 +1,8 @@ --- id: 65572399a8e16d50bc2c1ff3 -title: Step 76 +title: Step 79 challengeType: 0 -dashedName: step-76 +dashedName: step-79 --- # --description-- @@ -773,17 +773,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655724bac464795a0ad91082.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655724bac464795a0ad91082.md index 33a549f650f..7a91faa353a 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655724bac464795a0ad91082.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655724bac464795a0ad91082.md @@ -1,8 +1,8 @@ --- id: 655724bac464795a0ad91082 -title: Step 78 +title: Step 81 challengeType: 0 -dashedName: step-78 +dashedName: step-81 --- # --description-- @@ -756,17 +756,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655727b2e1e49d6adf584442.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655727b2e1e49d6adf584442.md index 3528e1a5cfd..3a4c9fb15d9 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655727b2e1e49d6adf584442.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655727b2e1e49d6adf584442.md @@ -1,8 +1,8 @@ --- id: 655727b2e1e49d6adf584442 -title: Step 79 +title: Step 82 challengeType: 0 -dashedName: step-79 +dashedName: step-82 --- # --description-- @@ -787,17 +787,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655729e68e49b277a6b448bd.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655729e68e49b277a6b448bd.md index 733344f8368..0cb71efe7e9 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655729e68e49b277a6b448bd.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655729e68e49b277a6b448bd.md @@ -1,8 +1,8 @@ --- id: 655729e68e49b277a6b448bd -title: Step 81 +title: Step 84 challengeType: 0 -dashedName: step-81 +dashedName: step-84 --- # --description-- @@ -775,17 +775,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572bb34a7e488224b937fc.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572bb34a7e488224b937fc.md index da381ca2774..60173659023 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572bb34a7e488224b937fc.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572bb34a7e488224b937fc.md @@ -1,8 +1,8 @@ --- id: 65572bb34a7e488224b937fc -title: Step 82 +title: Step 85 challengeType: 0 -dashedName: step-82 +dashedName: step-85 --- # --description-- @@ -791,17 +791,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572e5aaf022790fb4a81b1.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572e5aaf022790fb4a81b1.md index fe7a461928c..77df4773da7 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572e5aaf022790fb4a81b1.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572e5aaf022790fb4a81b1.md @@ -1,8 +1,8 @@ --- id: 65572e5aaf022790fb4a81b1 -title: Step 83 +title: Step 86 challengeType: 0 -dashedName: step-83 +dashedName: step-86 --- # --description-- @@ -778,17 +778,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655737cd004591b0271d6826.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655737cd004591b0271d6826.md index 517da99a953..051ede8b23e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655737cd004591b0271d6826.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655737cd004591b0271d6826.md @@ -1,8 +1,8 @@ --- id: 655737cd004591b0271d6826 -title: Step 84 +title: Step 87 challengeType: 0 -dashedName: step-84 +dashedName: step-87 --- # --description-- @@ -775,17 +775,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573a97c59ddbbf028ca95e.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573a97c59ddbbf028ca95e.md index 03c2a599d84..b387007fd29 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573a97c59ddbbf028ca95e.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573a97c59ddbbf028ca95e.md @@ -1,15 +1,15 @@ --- id: 65573a97c59ddbbf028ca95e -title: Step 85 +title: Step 88 challengeType: 0 -dashedName: step-85 +dashedName: step-88 --- # --description-- Finally, you should render the songs again, update the play button's accessible text, and remove the reset button from the playlist. You also need to remove the `resetButton` from the DOM. -Call the `renderSongs()` function with `userData?.songs` as an argument to render the songs again. +Call the `renderSongs()` function with `sortSongs()` as an argument to render the songs again in alphabetical order. Call the `setPlayButtonAccessibleText()` function to update the play button's accessible text. @@ -25,22 +25,22 @@ You should not modify the existing event listener and its content. assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1\s*,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*.*\s*.*\s*.*\s*\}\s*\);?/) ``` -You should call the `renderSongs` function with `userData?.songs`. +You should call the `renderSongs` function with `sortSongs()`. ```js -assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1\s*,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*renderSongs\(\s*userData\?\.songs\s*\);?\s*.*\s*.*\s*\}\s*\);?/) +assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*renderSongs\(\s*sortSongs\(\)\s*\);?\s*.*\s*.*\s*\}\s*\);?/) ``` You should call the `setPlayButtonAccessibleText` function. ```js -assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1\s*,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*renderSongs\(\s*userData\?\.songs\s*\);?\s*setPlayButtonAccessibleText\(\s*\);?\s*.*\s*\}\s*\);?/) +assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*renderSongs\(\s*sortSongs\(\)\s*\);?\s*setPlayButtonAccessibleText\(\s*\);?\s*.*\s*\}\s*\);?/) ``` You should use the `remove()` method to remove the `resetButton` from the DOM. ```js -assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1\s*,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*renderSongs\(\s*userData\?\.songs\s*\);?\s*setPlayButtonAccessibleText\(\s*\);?\s*resetButton\.remove\(\s*\);?\s*\}\s*\);?/) +assert.match(code, /resetButton\.addEventListener\(\s*('|")click\1,\s*\(\s*\)\s*=>\s*\{\s*userData\.songs\s*=\s*\[\s*\.\.\.allSongs\s*\]\s*;?\s*renderSongs\(\s*sortSongs\(\)\s*\);?\s*setPlayButtonAccessibleText\(\s*\);?\s*resetButton\.remove\(\s*\);?\s*\}\s*\);?/) ``` # --seed-- @@ -794,17 +794,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573d0abe4d38cd6fa13f44.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573d0abe4d38cd6fa13f44.md index 892558b7517..239bcf5e3da 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573d0abe4d38cd6fa13f44.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573d0abe4d38cd6fa13f44.md @@ -1,8 +1,8 @@ --- id: 65573d0abe4d38cd6fa13f44 -title: Step 86 +title: Step 89 challengeType: 0 -dashedName: step-86 +dashedName: step-89 --- # --description-- @@ -705,7 +705,7 @@ const deleteSong = (id) => { resetButton.addEventListener("click", () => { userData.songs = [...allSongs]; - renderSongs(userData?.songs); + renderSongs(sortSongs()); setPlayButtonAccessibleText(); resetButton.remove(); }); @@ -790,18 +790,22 @@ shuffleButton.addEventListener("click", shuffle); --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); setPlayButtonAccessibleText(); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6557421eb6a7a0f0500e3106.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6557421eb6a7a0f0500e3106.md index d6c18104509..2e4e730fb22 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6557421eb6a7a0f0500e3106.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/6557421eb6a7a0f0500e3106.md @@ -1,8 +1,8 @@ --- id: 6557421eb6a7a0f0500e3106 -title: Step 77 +title: Step 80 challengeType: 0 -dashedName: step-77 +dashedName: step-80 --- # --description-- @@ -752,17 +752,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b49333d9f265bc1512152.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b49333d9f265bc1512152.md index 36b60664049..c527e88e71b 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b49333d9f265bc1512152.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b49333d9f265bc1512152.md @@ -1,8 +1,8 @@ --- id: 655b49333d9f265bc1512152 -title: Step 87 +title: Step 90 challengeType: 0 -dashedName: step-87 +dashedName: step-90 --- # --description-- @@ -674,7 +674,7 @@ const deleteSong = (id) => { resetButton.addEventListener("click", () => { userData.songs = [...allSongs]; - renderSongs(userData?.songs); + renderSongs(sortSongs()); setPlayButtonAccessibleText(); resetButton.remove(); }); @@ -761,18 +761,22 @@ audio.addEventListener("ended", () => { }); --fcc-editable-region-- -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); setPlayButtonAccessibleText(); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4bbff1dbf66cb2ed4dac.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4bbff1dbf66cb2ed4dac.md index 17d1a9225d2..7d97ab4e28b 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4bbff1dbf66cb2ed4dac.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4bbff1dbf66cb2ed4dac.md @@ -1,8 +1,8 @@ --- id: 655b4bbff1dbf66cb2ed4dac -title: Step 88 +title: Step 91 challengeType: 0 -dashedName: step-88 +dashedName: step-91 --- # --description-- @@ -659,7 +659,7 @@ const deleteSong = (id) => { resetButton.addEventListener("click", () => { userData.songs = [...allSongs]; - renderSongs(userData?.songs); + renderSongs(sortSongs()); setPlayButtonAccessibleText(); resetButton.remove(); }); @@ -748,18 +748,22 @@ audio.addEventListener("ended", () => { --fcc-editable-region-- }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); setPlayButtonAccessibleText(); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4c8f636d9675953a0388.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4c8f636d9675953a0388.md index beed0657977..20602967dbb 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4c8f636d9675953a0388.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4c8f636d9675953a0388.md @@ -1,8 +1,8 @@ --- id: 655b4c8f636d9675953a0388 -title: Step 89 +title: Step 92 challengeType: 0 -dashedName: step-89 +dashedName: step-92 --- # --description-- @@ -671,7 +671,7 @@ const deleteSong = (id) => { resetButton.addEventListener("click", () => { userData.songs = [...allSongs]; - renderSongs(userData?.songs); + renderSongs(sortSongs()); setPlayButtonAccessibleText(); resetButton.remove(); }); @@ -764,18 +764,22 @@ audio.addEventListener("ended", () => { --fcc-editable-region-- }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); setPlayButtonAccessibleText(); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4dad1d38ff7cdd65cbfe.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4dad1d38ff7cdd65cbfe.md index 7403f033d6e..8f8ade000c6 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4dad1d38ff7cdd65cbfe.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4dad1d38ff7cdd65cbfe.md @@ -1,8 +1,8 @@ --- id: 655b4dad1d38ff7cdd65cbfe -title: Step 90 +title: Step 93 challengeType: 0 -dashedName: step-90 +dashedName: step-93 --- # --description-- @@ -712,7 +712,7 @@ const deleteSong = (id) => { resetButton.addEventListener("click", () => { userData.songs = [...allSongs]; - renderSongs(userData?.songs); + renderSongs(sortSongs()); setPlayButtonAccessibleText(); resetButton.remove(); }); @@ -809,19 +809,23 @@ audio.addEventListener("ended", () => { } }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); setPlayButtonAccessibleText(); ``` @@ -1494,7 +1498,7 @@ const deleteSong = (id) => { resetButton.addEventListener("click", () => { userData.songs = [...allSongs]; - renderSongs(userData?.songs); + renderSongs(sortSongs()); setPlayButtonAccessibleText(); resetButton.remove(); }); @@ -1592,18 +1596,22 @@ audio.addEventListener("ended", () => { } }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); setPlayButtonAccessibleText(); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/656472ed8f552d2f2b3f7883.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/656472ed8f552d2f2b3f7883.md index b1cda372e33..e25cf8c3b99 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/656472ed8f552d2f2b3f7883.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/656472ed8f552d2f2b3f7883.md @@ -1,8 +1,8 @@ --- id: 656472ed8f552d2f2b3f7883 -title: Step 30 +title: Step 33 challengeType: 0 -dashedName: step-30 +dashedName: step-33 --- # --description-- @@ -654,18 +654,22 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65671421254eeb489875cdd8.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65671421254eeb489875cdd8.md index d83c026af14..f665881800e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65671421254eeb489875cdd8.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65671421254eeb489875cdd8.md @@ -1,8 +1,8 @@ --- id: 65671421254eeb489875cdd8 -title: Step 55 +title: Step 58 challengeType: 0 -dashedName: step-55 +dashedName: step-58 --- # --description-- @@ -707,17 +707,21 @@ nextButton.addEventListener("click", playNextSong); previousButton.addEventListener("click", playPreviousSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672136535209761a5cf02b.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672136535209761a5cf02b.md index 2c4c95e38fe..8c397c35dbe 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672136535209761a5cf02b.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672136535209761a5cf02b.md @@ -1,8 +1,8 @@ --- id: 65672136535209761a5cf02b -title: Step 36 +title: Step 39 challengeType: 0 -dashedName: step-36 +dashedName: step-39 --- # --description-- @@ -654,17 +654,21 @@ playButton.addEventListener("click", () => { } }); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); + + return userData?.songs; +}; renderSongs(userData?.songs); diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672adafbaa37a6cef886f7.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672adafbaa37a6cef886f7.md index 90fd8b65268..515548cd4d8 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672adafbaa37a6cef886f7.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672adafbaa37a6cef886f7.md @@ -1,8 +1,8 @@ --- id: 65672adafbaa37a6cef886f7 -title: Step 80 +title: Step 83 challengeType: 0 -dashedName: step-80 +dashedName: step-83 --- # --description-- @@ -784,17 +784,21 @@ previousButton.addEventListener("click", playPreviousSong); shuffleButton.addEventListener("click", shuffle); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/659b0093d7db5a1a1122b7bd.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/659b0093d7db5a1a1122b7bd.md index a1f80732d3a..c3ddc2e2365 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/659b0093d7db5a1a1122b7bd.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/659b0093d7db5a1a1122b7bd.md @@ -1,8 +1,8 @@ --- id: 659b0093d7db5a1a1122b7bd -title: Step 42 +title: Step 45 challengeType: 0 -dashedName: step-42 +dashedName: step-45 --- # --description-- @@ -678,17 +678,21 @@ playButton.addEventListener("click", () => { pauseButton.addEventListener("click", pauseSong); -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } - return 0; -}); + return 0; + }); -renderSongs(userData?.songs); + return userData?.songs; +}; + +renderSongs(sortSongs()); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a608b7e7c75a04ccf0c23c.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a608b7e7c75a04ccf0c23c.md index e30a43843be..07ea5cd4332 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a608b7e7c75a04ccf0c23c.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a608b7e7c75a04ccf0c23c.md @@ -1,8 +1,8 @@ --- id: 65a608b7e7c75a04ccf0c23c -title: Step 21 +title: Step 22 challengeType: 0 -dashedName: step-21 +dashedName: step-22 --- # --description-- @@ -16,14 +16,14 @@ const names = ["Tom", "Jessica", "Quincy", "Naomi"]; names.sort() // ["Jessica", "Naomi", "Quincy", "Tom"] ``` -Add the `sort()` method to `userData?.songs`. +Inside your `sortSongs` function, add the `sort()` method to `userData?.songs`. # --hints-- You should add the `sort()` method to `userData?.songs`. ```js -assert.match(code, /userData\?\.songs\.sort\(.*\);?/); +assert.match(code, /userData\?.songs\.sort\(/); ``` # --seed-- @@ -636,9 +636,11 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; +const sortSongs = () => { --fcc-editable-region-- --fcc-editable-region-- +}; renderSongs(userData?.songs); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a6098a3405f206312e28f5.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a6098a3405f206312e28f5.md index c27642fe968..d43948d0452 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a6098a3405f206312e28f5.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a6098a3405f206312e28f5.md @@ -1,8 +1,8 @@ --- id: 65a6098a3405f206312e28f5 -title: Step 22 +title: Step 23 challengeType: 0 -dashedName: step-22 +dashedName: step-23 --- # --description-- @@ -651,9 +651,11 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; ---fcc-editable-region-- -userData?.songs.sort(); ---fcc-editable-region-- +const sortSongs = () => { + --fcc-editable-region-- + userData?.songs.sort(); + --fcc-editable-region-- +}; renderSongs(userData?.songs); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a609f6e23f3b06c608fb57.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a609f6e23f3b06c608fb57.md index 80fa8a91f63..5c7c9567a1e 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a609f6e23f3b06c608fb57.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a609f6e23f3b06c608fb57.md @@ -1,8 +1,8 @@ --- id: 65a609f6e23f3b06c608fb57 -title: Step 23 +title: Step 24 challengeType: 0 -dashedName: step-23 +dashedName: step-24 --- # --description-- @@ -667,11 +667,13 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; ---fcc-editable-region-- -userData?.songs.sort((a,b) => { +const sortSongs = () => { + --fcc-editable-region-- + userData?.songs.sort((a,b) => { -}); ---fcc-editable-region-- + }); + --fcc-editable-region-- +}; renderSongs(userData?.songs); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60aa3efd8fa079c2d1537.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60aa3efd8fa079c2d1537.md index 9e2709b718d..833b8f5ebd4 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60aa3efd8fa079c2d1537.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60aa3efd8fa079c2d1537.md @@ -1,8 +1,8 @@ --- id: 65a60aa3efd8fa079c2d1537 -title: Step 24 +title: Step 25 challengeType: 0 -dashedName: step-24 +dashedName: step-25 --- # --description-- @@ -660,16 +660,16 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } - - --fcc-editable-region-- - - --fcc-editable-region-- -}); + --fcc-editable-region-- + --fcc-editable-region-- + }); +} renderSongs(userData?.songs); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60b0b8b4f96085ac23463.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60b0b8b4f96085ac23463.md index 042fc880597..c0383cfbecf 100644 --- a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60b0b8b4f96085ac23463.md +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65a60b0b8b4f96085ac23463.md @@ -1,8 +1,8 @@ --- id: 65a60b0b8b4f96085ac23463 -title: Step 25 +title: Step 26 challengeType: 0 -dashedName: step-25 +dashedName: step-26 --- # --description-- @@ -31,8 +31,6 @@ fruits.sort((a, b) => { Below your `if` statements, return the number `0` to leave the order of the two elements unchanged. -Now you should see the songs in alphabetical order in the playlist. - # --hints-- You should return the number `0` below your `if` statements. @@ -651,19 +649,21 @@ const renderSongs = (array) => { playlistSongs.innerHTML = songsHTML; }; -userData?.songs.sort((a,b) => { - if (a.title < b.title) { - return -1; - } +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } - if (a.title > b.title) { - return 1; - } + if (a.title > b.title) { + return 1; + } ---fcc-editable-region-- + --fcc-editable-region-- ---fcc-editable-region-- -}); + --fcc-editable-region-- + }); +}; renderSongs(userData?.songs); ``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c64fe6c770a22db893e931.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c64fe6c770a22db893e931.md new file mode 100644 index 00000000000..0b6d0062ec0 --- /dev/null +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c64fe6c770a22db893e931.md @@ -0,0 +1,643 @@ +--- +id: 65c64fe6c770a22db893e931 +title: Step 21 +challengeType: 0 +dashedName: step-21 +--- + +# --description-- + +Now that you have the list of songs displayed on the screen, it would be nice to sort them in alphabetical order by title. + +Start by creating an arrow function called `sortSongs`. + +# --hints-- + +You should have a function called `sortSongs`. + +```js +assert.isFunction(sortSongs); +``` + +Your `sortSongs` function should use arrow function syntax. + +```js +assert.match(code, /const\s+sortSongs\s*=\s*\(\s*\)\s*=>\s*{\s*}\s*;?/) +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + + + + + Learn Basic String and Array Methods by Building a Music Player App + + + + +
+
+
+
+
+
+
+

freeCodeCamp

+
+
+
+
+
+
+
+ song cover art +
+
+
+

+

+
+
+ + + + + +
+
+
+
+
+
+
+
+
+
+

Playlist

+
+
+
+
+
+ +
+
+ + + +``` + +```css +:root { + /* colors */ + --primary-color: #dfdfe2; + --secondary-color: #ffffff; + --app-background-color: #4d4d62; + --background-color: #1b1b32; + --foreground-color: #3b3b4f; + --highlight-color: #f1be32; + + /* font sizes */ + --root-font-size: 16px; + font-size: var(--root-font-size); + + /* font-families */ + --font-headline: "Roboto Mono", monospace; + --font-family: "Lato", sans-serif; +} + +*, +*::after, +*::before { + box-sizing: border-box; +} + +body { + background-color: var(--app-background-color); + color: var(--primary-color); + font-family: var(--font-family); +} + +h1 { + font-size: 1.125rem; + line-height: 1.6; +} + +h2 { + font-size: var(--root-font-size); +} + +ul { + margin: 0; +} + +.container { + margin-top: 10px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + row-gap: 5px; +} + +.player, +.playlist { + width: 450px; + background-color: var(--background-color); + border: 3px solid var(--foreground-color); +} + +.player { + height: 260px; + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + row-gap: 10px; +} + +.player-bar, +.playlist-bar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 5px; + width: 100%; + height: 30px; + background-color: var(--foreground-color); +} + +.parallel-lines { + display: flex; + flex-wrap: wrap; + row-gap: 6px; + padding: 0 5px; +} + +.parallel-lines > div { + height: 2px; + width: 100%; + min-width: 75px; + background-color: var(--highlight-color); +} + +.fcc-title, +.playlist-title { + color: var(--secondary-color); + margin: 0 10px; + font-family: var(--font-headline); +} + +.player-content { + display: flex; + background-color: var(--foreground-color); + width: 430px; + height: 200px; + column-gap: 13px; + align-items: center; + justify-content: center; +} + +#player-album-art { + background-color: var(--secondary-color); + border: 6px solid var(--background-color); +} + +#player-album-art img { + width: 150px; + display: block; +} + +.player-display { + display: flex; + flex-direction: column; + row-gap: 20px; + padding: 14px; + background-color: var(--background-color); + height: 153px; + width: 226px; +} + +.player-display-song-artist { + height: 80px; +} + +.player-buttons svg { + fill: var(--primary-color); +} + +.playing > svg { + fill: var(--highlight-color); +} + +.player-buttons { + display: flex; + justify-content: space-around; +} + +button { + background: transparent; + border: none; + color: var(--primary-color); + cursor: pointer; + font-size: var(--root-font-size); + outline-color: var(--highlight-color); + text-align: center; +} + +.playlist-song { + outline-color: var(--highlight-color); +} + +.playlist li:not(:last-child) { + border-bottom: 1px solid var(--background-color); +} + +button:focus, +.playlist-song:focus { + outline-style: dashed; + outline-width: 2px; +} + +/* Playlist */ +.playlist { + height: auto; + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + row-gap: 10px; +} + +#playlist-songs { + width: 430px; + height: 100%; + background-color: var(--foreground-color); + display: flex; + flex-direction: column; + row-gap: 8px; + padding: 8px 9px; + visibility: visible; + justify-content: start; + list-style: none; +} + +.playlist-song { + display: flex; + height: 55px; + justify-content: space-between; + align-items: center; + padding: 5px; +} + +[aria-current="true"] { + background-color: var(--background-color); +} + +[aria-current="true"] p { + color: var(--highlight-color); +} + +.playlist-song-info { + height: 100%; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + column-gap: 7px; + padding: 5px 0; + font-family: var(--font-family); +} + +#player-song-title, +#player-song-artist { + margin: 0; +} + +#player-song-artist { + color: var(--highlight-color); + font-size: 0.75rem; +} + +#player-song-title { + font-size: 1.125rem; +} + +.playlist-song-title { + font-size: 0.85rem; + width: 241px; + text-align: left; +} + +.playlist-song-artist { + font-size: 0.725rem; + width: 80px; +} + +.playlist-song-duration { + font-size: 0.725rem; + margin: auto; + font-family: var(--font-headline); + width: 30px; +} + +.playlist-song-delete { + padding: 0; + width: 20px; + height: 20px; +} + +.playlist-song-delete, +.playlist-song-delete { + fill: var(--foreground-color); +} + +.playlist-song-delete:hover circle, +.playlist-song-delete:focus circle { + fill: #ff0000; +} + +@media (max-width: 700px) { + .player, + .playlist { + width: 300px; + } + + .player { + height: 340px; + } + + #playlist-songs { + height: 280px; + padding: 5px 6px; + overflow-y: scroll; + overflow-x: hidden; + scrollbar-color: var(--background-color) var(--secondary-color); + scrollbar-width: thin; + } + + #playlist-songs::-webkit-scrollbar { + width: 5px; + } + + #playlist-songs::-webkit-scrollbar-track { + background: var(--background-color); + } + + #playlist-songs::-webkit-scrollbar-thumb { + background: var(--secondary-color); + } + + h1 { + font-size: 0.813rem; + } + + h2 { + font-size: 0.75rem; + } + + .player-bar, + .playlist-bar, + .player-content, + #playlist-songs { + width: 280px; + } + + .playlist-song { + justify-content: space-between; + } + + .playlist-song-title { + width: 140px; + } + + .playlist-song-artist { + width: 40px; + } + + .playlist-song-duration > button { + padding: 0; + } + + .player-content { + display: inline; + position: relative; + justify-items: center; + height: 100%; + } + + #player-album-art { + z-index: -100; + height: 280px; + box-shadow: none; + background: #000; + } + + #player-album-art img { + width: 100%; + opacity: 0.6; + } + + .player-display-song-artist { + padding: 0 10px; + } + + .player-display-song-artist > p { + white-space: pre-wrap; + } + + .player-display { + position: absolute; + width: 100%; + z-index: 1000; + background-color: transparent; + top: 0; + height: 280px; + justify-content: space-between; + text-align: center; + } +} +``` + +```js +const playlistSongs = document.getElementById("playlist-songs"); +const playButton = document.getElementById("play"); +const pauseButton = document.getElementById("pause"); +const nextButton = document.getElementById("next"); +const previousButton = document.getElementById("previous"); +const shuffleButton = document.getElementById("shuffle"); + +const allSongs = [ + { + id: 0, + title: "Scratching The Surface", + artist: "Quincy Larson", + duration: "4:25", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/scratching-the-surface.mp3", + }, + { + id: 1, + title: "Can't Stay Down", + artist: "Quincy Larson", + duration: "4:15", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cant-stay-down.mp3", + }, + { + id: 2, + title: "Still Learning", + artist: "Quincy Larson", + duration: "3:51", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/still-learning.mp3", + }, + { + id: 3, + title: "Cruising for a Musing", + artist: "Quincy Larson", + duration: "3:34", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cruising-for-a-musing.mp3", + }, + { + id: 4, + title: "Never Not Favored", + artist: "Quincy Larson", + duration: "3:35", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/never-not-favored.mp3", + }, + { + id: 5, + title: "From the Ground Up", + artist: "Quincy Larson", + duration: "3:12", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/from-the-ground-up.mp3", + }, + { + id: 6, + title: "Walking on Air", + artist: "Quincy Larson", + duration: "3:25", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/walking-on-air.mp3", + }, + { + id: 7, + title: "Can't Stop Me. Can't Even Slow Me Down.", + artist: "Quincy Larson", + duration: "3:52", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cant-stop-me-cant-even-slow-me-down.mp3", + }, + { + id: 8, + title: "The Surest Way Out is Through", + artist: "Quincy Larson", + duration: "3:10", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/the-surest-way-out-is-through.mp3", + }, + { + id: 9, + title: "Chasing That Feeling", + artist: "Quincy Larson", + duration: "2:43", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/chasing-that-feeling.mp3", + }, +]; + +const audio = new Audio(); + +let userData = { + songs: [...allSongs], + currentSong: null, + songCurrentTime: 0, +}; + +const renderSongs = (array) => { + const songsHTML = array + .map((song)=> { + return ` +
  • + + +
    • + `; + }) + .join(""); + + playlistSongs.innerHTML = songsHTML; +}; + +--fcc-editable-region-- + +--fcc-editable-region-- + +renderSongs(userData?.songs); +``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c6532520cf4f323329b2c6.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c6532520cf4f323329b2c6.md new file mode 100644 index 00000000000..275d68de2a2 --- /dev/null +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65c6532520cf4f323329b2c6.md @@ -0,0 +1,653 @@ +--- +id: 65c6532520cf4f323329b2c6 +title: Step 28 +challengeType: 0 +dashedName: step-28 +--- + +# --description-- + +Right now the song order has not changed. That is because the updates you made using the `sort` method will not happen until the `sortSongs` function is called. + +Change your `renderSongs` function to call the `sortSongs` function. + +Now you should see the songs in alphabetical order. + +# --hints-- + +You should have `renderSongs(sortSongs())`. + +```js +assert.match(code, /renderSongs\(sortSongs\(\)\)/); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + + + + + Learn Basic String and Array Methods by Building a Music Player App + + + + +
    +
    +
    +
    +
    +
    +
    +

    freeCodeCamp

    +
    +
    +
    +
    +
    +
    +
    + song cover art +
    +
    +
    +

    +

    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Playlist

    +
    +
    +
    +
    +
    + +
    +
    + + + +``` + +```css +:root { + /* colors */ + --primary-color: #dfdfe2; + --secondary-color: #ffffff; + --app-background-color: #4d4d62; + --background-color: #1b1b32; + --foreground-color: #3b3b4f; + --highlight-color: #f1be32; + + /* font sizes */ + --root-font-size: 16px; + font-size: var(--root-font-size); + + /* font-families */ + --font-headline: "Roboto Mono", monospace; + --font-family: "Lato", sans-serif; +} + +*, +*::after, +*::before { + box-sizing: border-box; +} + +body { + background-color: var(--app-background-color); + color: var(--primary-color); + font-family: var(--font-family); +} + +h1 { + font-size: 1.125rem; + line-height: 1.6; +} + +h2 { + font-size: var(--root-font-size); +} + +ul { + margin: 0; +} + +.container { + margin-top: 10px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + row-gap: 5px; +} + +.player, +.playlist { + width: 450px; + background-color: var(--background-color); + border: 3px solid var(--foreground-color); +} + +.player { + height: 260px; + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + row-gap: 10px; +} + +.player-bar, +.playlist-bar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 5px; + width: 100%; + height: 30px; + background-color: var(--foreground-color); +} + +.parallel-lines { + display: flex; + flex-wrap: wrap; + row-gap: 6px; + padding: 0 5px; +} + +.parallel-lines > div { + height: 2px; + width: 100%; + min-width: 75px; + background-color: var(--highlight-color); +} + +.fcc-title, +.playlist-title { + color: var(--secondary-color); + margin: 0 10px; + font-family: var(--font-headline); +} + +.player-content { + display: flex; + background-color: var(--foreground-color); + width: 430px; + height: 200px; + column-gap: 13px; + align-items: center; + justify-content: center; +} + +#player-album-art { + background-color: var(--secondary-color); + border: 6px solid var(--background-color); +} + +#player-album-art img { + width: 150px; + display: block; +} + +.player-display { + display: flex; + flex-direction: column; + row-gap: 20px; + padding: 14px; + background-color: var(--background-color); + height: 153px; + width: 226px; +} + +.player-display-song-artist { + height: 80px; +} + +.player-buttons svg { + fill: var(--primary-color); +} + +.playing > svg { + fill: var(--highlight-color); +} + +.player-buttons { + display: flex; + justify-content: space-around; +} + +button { + background: transparent; + border: none; + color: var(--primary-color); + cursor: pointer; + font-size: var(--root-font-size); + outline-color: var(--highlight-color); + text-align: center; +} + +.playlist-song { + outline-color: var(--highlight-color); +} + +.playlist li:not(:last-child) { + border-bottom: 1px solid var(--background-color); +} + +button:focus, +.playlist-song:focus { + outline-style: dashed; + outline-width: 2px; +} + +/* Playlist */ +.playlist { + height: auto; + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + row-gap: 10px; +} + +#playlist-songs { + width: 430px; + height: 100%; + background-color: var(--foreground-color); + display: flex; + flex-direction: column; + row-gap: 8px; + padding: 8px 9px; + visibility: visible; + justify-content: start; + list-style: none; +} + +.playlist-song { + display: flex; + height: 55px; + justify-content: space-between; + align-items: center; + padding: 5px; +} + +[aria-current="true"] { + background-color: var(--background-color); +} + +[aria-current="true"] p { + color: var(--highlight-color); +} + +.playlist-song-info { + height: 100%; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + column-gap: 7px; + padding: 5px 0; + font-family: var(--font-family); +} + +#player-song-title, +#player-song-artist { + margin: 0; +} + +#player-song-artist { + color: var(--highlight-color); + font-size: 0.75rem; +} + +#player-song-title { + font-size: 1.125rem; +} + +.playlist-song-title { + font-size: 0.85rem; + width: 241px; + text-align: left; +} + +.playlist-song-artist { + font-size: 0.725rem; + width: 80px; +} + +.playlist-song-duration { + font-size: 0.725rem; + margin: auto; + font-family: var(--font-headline); + width: 30px; +} + +.playlist-song-delete { + padding: 0; + width: 20px; + height: 20px; +} + +.playlist-song-delete, +.playlist-song-delete { + fill: var(--foreground-color); +} + +.playlist-song-delete:hover circle, +.playlist-song-delete:focus circle { + fill: #ff0000; +} + +@media (max-width: 700px) { + .player, + .playlist { + width: 300px; + } + + .player { + height: 340px; + } + + #playlist-songs { + height: 280px; + padding: 5px 6px; + overflow-y: scroll; + overflow-x: hidden; + scrollbar-color: var(--background-color) var(--secondary-color); + scrollbar-width: thin; + } + + #playlist-songs::-webkit-scrollbar { + width: 5px; + } + + #playlist-songs::-webkit-scrollbar-track { + background: var(--background-color); + } + + #playlist-songs::-webkit-scrollbar-thumb { + background: var(--secondary-color); + } + + h1 { + font-size: 0.813rem; + } + + h2 { + font-size: 0.75rem; + } + + .player-bar, + .playlist-bar, + .player-content, + #playlist-songs { + width: 280px; + } + + .playlist-song { + justify-content: space-between; + } + + .playlist-song-title { + width: 140px; + } + + .playlist-song-artist { + width: 40px; + } + + .playlist-song-duration > button { + padding: 0; + } + + .player-content { + display: inline; + position: relative; + justify-items: center; + height: 100%; + } + + #player-album-art { + z-index: -100; + height: 280px; + box-shadow: none; + background: #000; + } + + #player-album-art img { + width: 100%; + opacity: 0.6; + } + + .player-display-song-artist { + padding: 0 10px; + } + + .player-display-song-artist > p { + white-space: pre-wrap; + } + + .player-display { + position: absolute; + width: 100%; + z-index: 1000; + background-color: transparent; + top: 0; + height: 280px; + justify-content: space-between; + text-align: center; + } +} +``` + +```js +const playlistSongs = document.getElementById("playlist-songs"); +const playButton = document.getElementById("play"); +const pauseButton = document.getElementById("pause"); +const nextButton = document.getElementById("next"); +const previousButton = document.getElementById("previous"); +const shuffleButton = document.getElementById("shuffle"); + +const allSongs = [ + { + id: 0, + title: "Scratching The Surface", + artist: "Quincy Larson", + duration: "4:25", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/scratching-the-surface.mp3", + }, + { + id: 1, + title: "Can't Stay Down", + artist: "Quincy Larson", + duration: "4:15", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cant-stay-down.mp3", + }, + { + id: 2, + title: "Still Learning", + artist: "Quincy Larson", + duration: "3:51", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/still-learning.mp3", + }, + { + id: 3, + title: "Cruising for a Musing", + artist: "Quincy Larson", + duration: "3:34", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cruising-for-a-musing.mp3", + }, + { + id: 4, + title: "Never Not Favored", + artist: "Quincy Larson", + duration: "3:35", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/never-not-favored.mp3", + }, + { + id: 5, + title: "From the Ground Up", + artist: "Quincy Larson", + duration: "3:12", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/from-the-ground-up.mp3", + }, + { + id: 6, + title: "Walking on Air", + artist: "Quincy Larson", + duration: "3:25", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/walking-on-air.mp3", + }, + { + id: 7, + title: "Can't Stop Me. Can't Even Slow Me Down.", + artist: "Quincy Larson", + duration: "3:52", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cant-stop-me-cant-even-slow-me-down.mp3", + }, + { + id: 8, + title: "The Surest Way Out is Through", + artist: "Quincy Larson", + duration: "3:10", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/the-surest-way-out-is-through.mp3", + }, + { + id: 9, + title: "Chasing That Feeling", + artist: "Quincy Larson", + duration: "2:43", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/chasing-that-feeling.mp3", + }, +]; + +const audio = new Audio(); + +let userData = { + songs: [...allSongs], + currentSong: null, + songCurrentTime: 0, +}; + +const renderSongs = (array) => { + const songsHTML = array + .map((song)=> { + return ` +
  • + + +
    • + `; + }) + .join(""); + + playlistSongs.innerHTML = songsHTML; +}; + +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } + + if (a.title > b.title) { + return 1; + } + + return 0; + }); + + return userData?.songs; +}; + +--fcc-editable-region-- +renderSongs(userData?.songs); +--fcc-editable-region-- +``` diff --git a/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65cf1f2cd796c06057bf3f3c.md b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65cf1f2cd796c06057bf3f3c.md new file mode 100644 index 00000000000..83bf477dcfa --- /dev/null +++ b/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65cf1f2cd796c06057bf3f3c.md @@ -0,0 +1,648 @@ +--- +id: 65cf1f2cd796c06057bf3f3c +title: Step 27 +challengeType: 0 +dashedName: step-27 +--- + +# --description-- + +The last step for the `sortSongs` function is to return `userData?.songs`. + +# --hints-- + +You should return `userData?.songs` at the end of the `sortSongs` function. + +```js +assert.match(code, /return\s+userData\?.songs;?/); +``` + +# --seed-- + +## --seed-contents-- + +```html + + + + + + + + + + Learn Basic String and Array Methods by Building a Music Player App + + + + +
    +
    +
    +
    +
    +
    +
    +

    freeCodeCamp

    +
    +
    +
    +
    +
    +
    +
    + song cover art +
    +
    +
    +

    +

    +
    +
    + + + + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Playlist

    +
    +
    +
    +
    +
    + +
    +
    + + + +``` + +```css +:root { + /* colors */ + --primary-color: #dfdfe2; + --secondary-color: #ffffff; + --app-background-color: #4d4d62; + --background-color: #1b1b32; + --foreground-color: #3b3b4f; + --highlight-color: #f1be32; + + /* font sizes */ + --root-font-size: 16px; + font-size: var(--root-font-size); + + /* font-families */ + --font-headline: "Roboto Mono", monospace; + --font-family: "Lato", sans-serif; +} + +*, +*::after, +*::before { + box-sizing: border-box; +} + +body { + background-color: var(--app-background-color); + color: var(--primary-color); + font-family: var(--font-family); +} + +h1 { + font-size: 1.125rem; + line-height: 1.6; +} + +h2 { + font-size: var(--root-font-size); +} + +ul { + margin: 0; +} + +.container { + margin-top: 10px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + row-gap: 5px; +} + +.player, +.playlist { + width: 450px; + background-color: var(--background-color); + border: 3px solid var(--foreground-color); +} + +.player { + height: 260px; + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + row-gap: 10px; +} + +.player-bar, +.playlist-bar { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 5px; + width: 100%; + height: 30px; + background-color: var(--foreground-color); +} + +.parallel-lines { + display: flex; + flex-wrap: wrap; + row-gap: 6px; + padding: 0 5px; +} + +.parallel-lines > div { + height: 2px; + width: 100%; + min-width: 75px; + background-color: var(--highlight-color); +} + +.fcc-title, +.playlist-title { + color: var(--secondary-color); + margin: 0 10px; + font-family: var(--font-headline); +} + +.player-content { + display: flex; + background-color: var(--foreground-color); + width: 430px; + height: 200px; + column-gap: 13px; + align-items: center; + justify-content: center; +} + +#player-album-art { + background-color: var(--secondary-color); + border: 6px solid var(--background-color); +} + +#player-album-art img { + width: 150px; + display: block; +} + +.player-display { + display: flex; + flex-direction: column; + row-gap: 20px; + padding: 14px; + background-color: var(--background-color); + height: 153px; + width: 226px; +} + +.player-display-song-artist { + height: 80px; +} + +.player-buttons svg { + fill: var(--primary-color); +} + +.playing > svg { + fill: var(--highlight-color); +} + +.player-buttons { + display: flex; + justify-content: space-around; +} + +button { + background: transparent; + border: none; + color: var(--primary-color); + cursor: pointer; + font-size: var(--root-font-size); + outline-color: var(--highlight-color); + text-align: center; +} + +.playlist-song { + outline-color: var(--highlight-color); +} + +.playlist li:not(:last-child) { + border-bottom: 1px solid var(--background-color); +} + +button:focus, +.playlist-song:focus { + outline-style: dashed; + outline-width: 2px; +} + +/* Playlist */ +.playlist { + height: auto; + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + row-gap: 10px; +} + +#playlist-songs { + width: 430px; + height: 100%; + background-color: var(--foreground-color); + display: flex; + flex-direction: column; + row-gap: 8px; + padding: 8px 9px; + visibility: visible; + justify-content: start; + list-style: none; +} + +.playlist-song { + display: flex; + height: 55px; + justify-content: space-between; + align-items: center; + padding: 5px; +} + +[aria-current="true"] { + background-color: var(--background-color); +} + +[aria-current="true"] p { + color: var(--highlight-color); +} + +.playlist-song-info { + height: 100%; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + column-gap: 7px; + padding: 5px 0; + font-family: var(--font-family); +} + +#player-song-title, +#player-song-artist { + margin: 0; +} + +#player-song-artist { + color: var(--highlight-color); + font-size: 0.75rem; +} + +#player-song-title { + font-size: 1.125rem; +} + +.playlist-song-title { + font-size: 0.85rem; + width: 241px; + text-align: left; +} + +.playlist-song-artist { + font-size: 0.725rem; + width: 80px; +} + +.playlist-song-duration { + font-size: 0.725rem; + margin: auto; + font-family: var(--font-headline); + width: 30px; +} + +.playlist-song-delete { + padding: 0; + width: 20px; + height: 20px; +} + +.playlist-song-delete, +.playlist-song-delete { + fill: var(--foreground-color); +} + +.playlist-song-delete:hover circle, +.playlist-song-delete:focus circle { + fill: #ff0000; +} + +@media (max-width: 700px) { + .player, + .playlist { + width: 300px; + } + + .player { + height: 340px; + } + + #playlist-songs { + height: 280px; + padding: 5px 6px; + overflow-y: scroll; + overflow-x: hidden; + scrollbar-color: var(--background-color) var(--secondary-color); + scrollbar-width: thin; + } + + #playlist-songs::-webkit-scrollbar { + width: 5px; + } + + #playlist-songs::-webkit-scrollbar-track { + background: var(--background-color); + } + + #playlist-songs::-webkit-scrollbar-thumb { + background: var(--secondary-color); + } + + h1 { + font-size: 0.813rem; + } + + h2 { + font-size: 0.75rem; + } + + .player-bar, + .playlist-bar, + .player-content, + #playlist-songs { + width: 280px; + } + + .playlist-song { + justify-content: space-between; + } + + .playlist-song-title { + width: 140px; + } + + .playlist-song-artist { + width: 40px; + } + + .playlist-song-duration > button { + padding: 0; + } + + .player-content { + display: inline; + position: relative; + justify-items: center; + height: 100%; + } + + #player-album-art { + z-index: -100; + height: 280px; + box-shadow: none; + background: #000; + } + + #player-album-art img { + width: 100%; + opacity: 0.6; + } + + .player-display-song-artist { + padding: 0 10px; + } + + .player-display-song-artist > p { + white-space: pre-wrap; + } + + .player-display { + position: absolute; + width: 100%; + z-index: 1000; + background-color: transparent; + top: 0; + height: 280px; + justify-content: space-between; + text-align: center; + } +} +``` + +```js +const playlistSongs = document.getElementById("playlist-songs"); +const playButton = document.getElementById("play"); +const pauseButton = document.getElementById("pause"); +const nextButton = document.getElementById("next"); +const previousButton = document.getElementById("previous"); +const shuffleButton = document.getElementById("shuffle"); + +const allSongs = [ + { + id: 0, + title: "Scratching The Surface", + artist: "Quincy Larson", + duration: "4:25", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/scratching-the-surface.mp3", + }, + { + id: 1, + title: "Can't Stay Down", + artist: "Quincy Larson", + duration: "4:15", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cant-stay-down.mp3", + }, + { + id: 2, + title: "Still Learning", + artist: "Quincy Larson", + duration: "3:51", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/still-learning.mp3", + }, + { + id: 3, + title: "Cruising for a Musing", + artist: "Quincy Larson", + duration: "3:34", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cruising-for-a-musing.mp3", + }, + { + id: 4, + title: "Never Not Favored", + artist: "Quincy Larson", + duration: "3:35", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/never-not-favored.mp3", + }, + { + id: 5, + title: "From the Ground Up", + artist: "Quincy Larson", + duration: "3:12", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/from-the-ground-up.mp3", + }, + { + id: 6, + title: "Walking on Air", + artist: "Quincy Larson", + duration: "3:25", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/walking-on-air.mp3", + }, + { + id: 7, + title: "Can't Stop Me. Can't Even Slow Me Down.", + artist: "Quincy Larson", + duration: "3:52", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/cant-stop-me-cant-even-slow-me-down.mp3", + }, + { + id: 8, + title: "The Surest Way Out is Through", + artist: "Quincy Larson", + duration: "3:10", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/the-surest-way-out-is-through.mp3", + }, + { + id: 9, + title: "Chasing That Feeling", + artist: "Quincy Larson", + duration: "2:43", + src: "https://s3.amazonaws.com/org.freecodecamp.mp3-player-project/chasing-that-feeling.mp3", + }, +]; + +const audio = new Audio(); + +let userData = { + songs: [...allSongs], + currentSong: null, + songCurrentTime: 0, +}; + +const renderSongs = (array) => { + const songsHTML = array + .map((song)=> { + return ` +
  • + + +
    • + `; + }) + .join(""); + + playlistSongs.innerHTML = songsHTML; +}; + +const sortSongs = () => { + userData?.songs.sort((a,b) => { + if (a.title < b.title) { + return -1; + } + + if (a.title > b.title) { + return 1; + } + + return 0; + }); +--fcc-editable-region-- + +--fcc-editable-region-- +}; + +renderSongs(userData?.songs); +```