javascript

Javascript - Primeros pasos

Alexander Miss

Alexander Miss

Hola Nuevas Criaturas,

Les presento cómo hacer clickeable un botón desde Javascript sin jQuery.

var btn = document.getElementById('btn');

btn.addEventListener('click', function(){
  alert('listo!');
});

Ahora veamos la misma acción pero con jQuery.

var btn = $('#btn');

btn.click(function(){
  alert('listo!');
});

¿Fácil, no?

Ésto es porque estamos llamando a un sólo botón. Pero cuando queremos llamar un elemento por su tag html nos lo devuelve en una serie de Array. Cómo solucionamos ésto? Sólo pasándole la posición del elemento.

Supongamos que queremos traer el body y hacerlo clickeable.

// Aquí le asignamos que queremos el primer body porque pueden haber muchos.
var body = document.getElementsByTagName('body')[0];

body.addEventListener('click', function(){
  alert('body clickeable!');
});

Espero y les sirva, nos leemos hasta la próxima. Bendiciones.

Read more