+
+
+
+
+
+
+
+
+ `;
+}
+
+function loadAbout(pokemon){
+ return `
+
+
+
+ ${pokemon.name}
+ ${pokemon.number} +
+
+
+
+
+ -
+ ${pokemon.types.map((type) => `
- ${type} `).join('')} +
+ 
+
+
+
+ `
+}
+
+function loadbase(pokemon){
+ return `
+ -
+
- Species 1 +
- Height ${pokemon.height} +
- Weight ${pokemon.weight} +
- Abilities ${pokemon.abilities} +
+
+ `
+}
+
+function loadEvolution(){
+ return `
+ -
+
- ${pokemon.stats[0]} ${pokemon.indiceStat[0]} +
- ${pokemon.stats[1]} ${pokemon.indiceStat[1]} +
- ${pokemon.stats[2]} ${pokemon.indiceStat[2]} +
- ${pokemon.stats[3]} ${pokemon.indiceStat[3]} +
- ${pokemon.stats[4]} ${pokemon.indiceStat[4]} +
- ${pokemon.stats[5]} ${pokemon.indiceStat[5]} +
+
+ `
+}
+
+function loadMoves(pokemon){
+ return `
+ -
+
- Nivel Max 52 +
- Nivel Max 78 +
- Nivel Max 120 +
+
+ `
+}
+
+function loadPokemonItens(name) {
+ pokeApi.getPokemonByName(name).then((pokemon) => {
+ //carrega html na pagina
+ const newHtml = convertPokemonToPage(pokemon);
+ const newAbout = loadAbout(pokemon);
+ const newBase = loadbase(pokemon);
+ const newEvolution = loadEvolution(pokemon);
+ const newMoves = loadMoves(pokemon);
+ pokemonDetail.innerHTML += newHtml;
+ abaAbaut.innerHTML += newAbout;
+ abaBase.innerHTML += newBase;
+ abaEvolution.innerHTML += newEvolution;
+ abaMoves.innerHTML += newMoves;
+ });
+}
+
+document.addEventListener("DOMContentLoaded", function () { //essa função é responsável por carregar os detalhes do Pokémon com base no nome fornecido.
+ const urlParams = new URLSearchParams(window.location.search);
+ const pokemonName = urlParams.get("name");
+ console.log(pokemonName);
+ loadPokemonItens(pokemonName);
+});
\ No newline at end of file
diff --git a/assets/script/detailtabble.js b/assets/script/detailtabble.js
new file mode 100644
index 000000000..1567cbcb0
--- /dev/null
+++ b/assets/script/detailtabble.js
@@ -0,0 +1,17 @@
+const tabs = document.querySelectorAll('.tabBtn');
+
+tabs.forEach(tab => tab.addEventListener('click', () => tabClicked(tab)));
+
+const tabClicked = (tab) => {
+ tabs.forEach(tab => tab.classList.remove('active'));
+ tab.classList.add('active')
+
+ const contents = document.querySelectorAll('.abaContent');
+ contents.forEach(content => content.classList.remove('show'));
+
+ const contentId = tab.getAttribute('content-id');
+ const content = document.getElementById(contentId);
+
+ content.classList.add('show');
+
+}
diff --git a/assets/js/main.js b/assets/script/main.js
similarity index 75%
rename from assets/js/main.js
rename to assets/script/main.js
index bcaa24508..46216c144 100644
--- a/assets/js/main.js
+++ b/assets/script/main.js
@@ -7,7 +7,7 @@ let offset = 0;
function convertPokemonToLi(pokemon) {
return `
- -
+
- ${pokemon.moves} +