CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(curriculum): moved reset playlist button in music player (#58055)

Browse Source
This commit is contained in:
Prabhakar Yadav 2025-02-07 21:54:19 +05:30 committed by GitHub
parent 86bd85038e
commit 564b4d01da
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
13 changed files with 215 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655724bac464795a0ad91082.md
View File

@ -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 = () => {

13
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655727b2e1e49d6adf584442.md
View File

@ -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 = () => {

19
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655729e68e49b277a6b448bd.md
View File

@ -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 = () => {

23
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572bb34a7e488224b937fc.md
View File

@ -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 = () => {

29
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65572e5aaf022790fb4a81b1.md
View File

@ -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 = () => {

35
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655737cd004591b0271d6826.md
View File

@ -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 = () => {

37
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573a97c59ddbbf028ca95e.md
View File

@ -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 = () => {

39
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65573d0abe4d38cd6fa13f44.md
View File

@ -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 = () => {

39
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b49333d9f265bc1512152.md
View File

@ -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 = () => {

39
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4bbff1dbf66cb2ed4dac.md
View File

@ -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 = () => {

39
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4c8f636d9675953a0388.md
View File

@ -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 = () => {

78
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/655b4dad1d38ff7cdd65cbfe.md
View File

@ -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 = () => {

17
curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/65672adafbaa37a6cef886f7.md
View File

@ -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 = () => {