From 564b4d01dacbfff0ba9cf5facf50ad23543eacf7 Mon Sep 17 00:00:00 2001 From: Prabhakar Yadav <114614952+prabhakaryadav2003@users.noreply.github.com> Date: Fri, 7 Feb 2025 21:54:19 +0530 Subject: [PATCH] fix(curriculum): moved reset playlist button in music player (#58055) --- .../655724bac464795a0ad91082.md | 9 ++- .../655727b2e1e49d6adf584442.md | 13 ++-- .../655729e68e49b277a6b448bd.md | 19 ++--- .../65572bb34a7e488224b937fc.md | 23 +++--- .../65572e5aaf022790fb4a81b1.md | 29 +++---- .../655737cd004591b0271d6826.md | 35 +++++---- .../65573a97c59ddbbf028ca95e.md | 37 ++++----- .../65573d0abe4d38cd6fa13f44.md | 39 +++++----- .../655b49333d9f265bc1512152.md | 39 +++++----- .../655b4bbff1dbf66cb2ed4dac.md | 39 +++++----- .../655b4c8f636d9675953a0388.md | 39 +++++----- .../655b4dad1d38ff7cdd65cbfe.md | 78 ++++++++++--------- .../65672adafbaa37a6cef886f7.md | 17 ++-- 13 files changed, 215 insertions(+), 201 deletions(-) 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 0e167ee1aca..31224d2afcb 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 @@ -678,10 +678,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); ---fcc-editable-region-- - ---fcc-editable-region-- - }; const setPlayerDisplay = () => { @@ -727,6 +723,11 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + +--fcc-editable-region-- + +--fcc-editable-region-- + }; const 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/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 c72505b6e2c..75e9fd33b78 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 @@ -707,12 +707,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); ---fcc-editable-region-- - if (userData?.songs.length === 0) { - - } ---fcc-editable-region-- - }; const setPlayerDisplay = () => { @@ -758,6 +752,13 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + +--fcc-editable-region-- + if (userData?.songs.length === 0) { + + } +--fcc-editable-region-- + }; const 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/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 e84e252c50a..05b3d09cec4 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 @@ -692,15 +692,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); ---fcc-editable-region-- - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - - } ---fcc-editable-region-- - }; const setPlayerDisplay = () => { @@ -746,6 +737,16 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + +--fcc-editable-region-- + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + + } +--fcc-editable-region-- + }; const 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/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 daf9dffa8b0..3905b815054 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 @@ -706,17 +706,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; ---fcc-editable-region-- - ---fcc-editable-region-- - } - }; const setPlayerDisplay = () => { @@ -762,6 +751,18 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; +--fcc-editable-region-- + +--fcc-editable-region-- + } + }; const 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/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 d7375a1c189..034c71c7f18 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 @@ -690,20 +690,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - ---fcc-editable-region-- - ---fcc-editable-region-- - } - }; const setPlayerDisplay = () => { @@ -749,6 +735,21 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + +--fcc-editable-region-- + +--fcc-editable-region-- + } + }; const 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/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 56f17c9ba6b..22b922948eb 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 @@ -684,23 +684,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - ---fcc-editable-region-- - resetButton.addEventListener("click", () => { - - }); ---fcc-editable-region-- - - } - }; const setPlayerDisplay = () => { @@ -746,6 +729,24 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + +--fcc-editable-region-- + resetButton.addEventListener("click", () => { + + }); +--fcc-editable-region-- + + } + }; const 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/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 7c62ed4bbb3..dafb34f5990 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 @@ -702,24 +702,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - ---fcc-editable-region-- - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - }); ---fcc-editable-region-- - - } - }; const setPlayerDisplay = () => { @@ -765,6 +747,25 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + +--fcc-editable-region-- + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + }); +--fcc-editable-region-- + + } + }; const 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/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 355e03d991b..900865e42ff 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 @@ -693,25 +693,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - renderSongs(sortSongs()); - setPlayButtonAccessibleText(); - resetButton.remove(); - }); - - } - }; const setPlayerDisplay = () => { @@ -757,6 +738,26 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + renderSongs(sortSongs()); + setPlayButtonAccessibleText(); + resetButton.remove(); + }); + + }; + }; const 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/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 adc6377431a..110b4e1ae79 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 @@ -662,25 +662,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - renderSongs(sortSongs()); - setPlayButtonAccessibleText(); - resetButton.remove(); - }); - - } - }; const setPlayerDisplay = () => { @@ -726,6 +707,26 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + renderSongs(sortSongs()); + setPlayButtonAccessibleText(); + resetButton.remove(); + }); + + }; + }; const 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 0b05891d785..9916033d296 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 @@ -647,25 +647,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - renderSongs(sortSongs()); - setPlayButtonAccessibleText(); - resetButton.remove(); - }); - - } - }; const setPlayerDisplay = () => { @@ -711,6 +692,26 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + renderSongs(sortSongs()); + setPlayButtonAccessibleText(); + resetButton.remove(); + }); + + }; + }; const 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 69c27e4cd69..16383b9080b 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 @@ -659,25 +659,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - renderSongs(sortSongs()); - setPlayButtonAccessibleText(); - resetButton.remove(); - }); - - } - }; const setPlayerDisplay = () => { @@ -723,6 +704,26 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + renderSongs(sortSongs()); + setPlayButtonAccessibleText(); + resetButton.remove(); + }); + + }; + }; const 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 20eeaf99ee4..0aaacca4366 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 @@ -700,25 +700,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - renderSongs(sortSongs()); - setPlayButtonAccessibleText(); - resetButton.remove(); - }); - - } - }; const setPlayerDisplay = () => { @@ -764,6 +745,26 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + renderSongs(sortSongs()); + setPlayButtonAccessibleText(); + resetButton.remove(); + }); + + }; + }; const setPlayButtonAccessibleText = () => { @@ -1486,25 +1487,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - const resetText = document.createTextNode("Reset Playlist"); - - resetButton.id = "reset"; - resetButton.ariaLabel = "Reset playlist"; - resetButton.appendChild(resetText); - playlistSongs.appendChild(resetButton); - - resetButton.addEventListener("click", () => { - userData.songs = [...allSongs]; - - renderSongs(sortSongs()); - setPlayButtonAccessibleText(); - resetButton.remove(); - }); - - } - }; const setPlayerDisplay = () => { @@ -1550,6 +1532,26 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + const resetText = document.createTextNode("Reset Playlist"); + + resetButton.id = "reset"; + resetButton.ariaLabel = "Reset playlist"; + resetButton.appendChild(resetText); + playlistSongs.appendChild(resetButton); + + resetButton.addEventListener("click", () => { + userData.songs = [...allSongs]; + + renderSongs(sortSongs()); + setPlayButtonAccessibleText(); + resetButton.remove(); + }); + + }; + }; const 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/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 0042957bf98..b97927d6654 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 @@ -702,14 +702,6 @@ const deleteSong = (id) => { highlightCurrentSong(); setPlayButtonAccessibleText(); ---fcc-editable-region-- - if (userData?.songs.length === 0) { - const resetButton = document.createElement("button"); - - - } ---fcc-editable-region-- - }; const setPlayerDisplay = () => { @@ -755,6 +747,15 @@ const renderSongs = (array) => { .join(""); playlistSongs.innerHTML = songsHTML; + +--fcc-editable-region-- + if (userData?.songs.length === 0) { + const resetButton = document.createElement("button"); + + + } +--fcc-editable-region-- + }; const setPlayButtonAccessibleText = () => {