alvin/pokedex
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/pokedex.git synced 2026-03-06 13:25:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add toggle functionality for competitors list and enhance styling

Browse Source
This commit is contained in:
vista-man
2025-03-27 12:28:57 +01:00
parent 83f36a86ec
commit ce003d85b2
3 changed files with 43 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
v2/actions.js
View File

@@ -1,6 +1,7 @@
document.querySelector("#register-pokemon").addEventListener("click", registerPokemon);
document.querySelector("#edit-pokemon").addEventListener("click", editPokemon);
document.querySelector("#delete-pokemon").addEventListener("click", deletePokemon);
document.querySelector("#toggle-competitors").addEventListener("click", toggleCompetitors);
function registerPokemon() {
const name = prompt("Enter Pokémon name:");
@@ -102,3 +103,16 @@ function deletePokemon() {
console.error("Error marking Pokémon as deleted:", error);
});
}
function toggleCompetitors() {
const competitorsWrapper = document.querySelector("#competitors-wrapper");
const toggleButton = document.querySelector("#toggle-competitors");
if (competitorsWrapper.classList.contains("hidden")) {
competitorsWrapper.classList.remove("hidden");
toggleButton.textContent = "Hide";
} else {
competitorsWrapper.classList.add("hidden");
toggleButton.textContent = "Show";
}
}