Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Error Boton

Referente al curso JavaScript: Introducción al lenguaje de la web, en el capítulo Eventos, formularios y creando elementos y actividad El botón que falló

por Daniel Javier Gonzalez Toca
| 42.5k xp | 75 posts
<button id="boton">Haga clic</button>
<script>

    var boton = document.querySelector('#boton');

    function botonHandler() {

        alert('Hicieron clic en el Botón');
    }

    boton.addEventListener('click', botonHandler());
</script>

Corregido:

<button id="boton">Haga clic</button>
<script>

    var boton = document.querySelector('#boton');

    boton.addEventListener('click', botonHandler);

    function botonHandler() {

        alert('Hicieron clic en el Botón');
    }


</script>

No se activaba el botón porque el evento estaba despues de declarar la funcíon, y esto hace que el evento no pueda cumplir su función de mostrar la alerta por cada click, ya que el evento debe estar antes de declarar la función para mostrar la alerta.

1 respuesta
por SASHA AYLÉN CABEZAS PALMEYRO
| 134.5k xp | 36 posts

var botonBuscar = document.querySelector("#buscarPaciente"); botonBuscar.addEventListener("click", function(){ var xhr = new XMLHttpRequest; xhr.open("GET", "https://alura-es-cursos.github.io/api-pacientes/pacientes.json"); xhr.addEventListener("load",function () { var errorAjax = document.querySelector("#errorAjax");

    if(xhr.status == 200){
    errorAjax.classList.add("invisible");
    var respuesta = xhr.responseText;
    var pacientes =JSON.parse(respuesta);
    pacientes.forEach( function(paciente) {
    adicionarPacienteEnLaTabla(paciente);
    }); 
}else {
    errorAjax.classList.remove("invisible");
        console.log(xhr.status);
        console.log(xhr.responseText);
    }
});

xhr.send();

});