[ Foro de Javascript ]

Almacenar un elemento HTML en una variable JavaScript y usarla en una función

Hola, recién estoy empezando a programar, estoy buscando como almacenar un elemento HTML en una variable JavaScript y usarla en una función, para así evitar repetir tanto código. Lo ideal sería poder escribir la función una vez sóla y luego llamar la función ingresando los elementos del html en los cuales quiero meter funcionalidad con js como variables para esa función. Hay algún modo de hacer eso? Gracias!

¡Hola! Sí, es posible almacenar un elemento HTML en una variable de JavaScript y utilizarlo en una función. Para hacerlo, primero necesitas seleccionar el elemento que deseas utilizar. Puedes seleccionar el elemento por su identificador, su clase, su etiqueta, entre otros métodos.

Por ejemplo, si tienes un botón con el id "miBoton" en tu HTML, puedes seleccionarlo y almacenarlo en una variable de esta manera:

var boton = document.getElementById("miBoton");

Luego, puedes utilizar la variable "boton" en tu función, por ejemplo:

function hacerAlgoConBoton() {
 boton.addEventListener("click", function() {
   // Hacer algo cuando se haga click en el botón
 });
}

De esta manera, puedes crear una función que acepte como argumento el elemento HTML que deseas utilizar y utilizar ese argumento dentro de la función para hacer lo que necesites.

Espero que esto te sea de ayuda. ¡Mucho éxito!