Todavía estoy aprendiendo a convertirme en un front-end junior y tengo el siguiente problema si presiono el botón de búsqueda, se rompe la página y puedo averiguar por qué. https://codepen.io/DeanWinchester88/pen/ExvxdxX
¿Podrías echar un vistazo?
function searchPokemon(){ let container = document.getElementById("container"); container.insertAdjacentHTML("beforeend",`<div id="searchPokemonDiv"> ИТуц ыуфкс</div>`); let gotSearchPokemonDiv = document.getElementById("searchPokemonDiv"); gotSearchPokemonDiv.innerHTML = `<form > <p> <label class="text">Search your pokemon</label><br> </p> <p> <label class="text">First name</label><br> <input type="text" name="name"> </p> <p> <button id="pokemonSearchButton">Search</button> </p> </form> <div id="divForPokemonSearchResult"> img </div> `; document.getElementById("pokemonSearchButton").addEventListener("click", showPokemonSearchResult); } function showPokemonSearchResult(){ // document.getElementById("divForPokemonSearchResult").innerHTML = "VOT I RESULTAT"; console.log("push to start") }El error estaba en esta línea:
<button id="pokemonSearchButton">Search</button> y se arregló agregando type="button" al mismo, es decir
<button type="button" id="pokemonSearchButton">Search</button>