Skip to main content
se añadieron 72 caracteres en el cuerpo
Origen Enlace
David
  • 1.3k
  • 3
  • 17
  • 39

Yo guardaría en un objeto con el objeto y si está activado o no para realizar luego lo que quieras.

De esta manera tal vez para otras funciones necesites acceder a si está apretado o no el botón

const p = document.querySelector("p");
var boton = {
  obj: document.querySelector("#boton"),
  encendido: false
}

boton.obj.addEventListener("click", function(){
  if(!boton.encendido){
     boton.encendido = true;
     p.style.fontSize = "24px";
   } else {
     boton.encendido = false;
     p.style.fontSize = "16px";
   }
});
p {
  font-size 16px;
}
<button id="boton">Presionar</button>
<p>Texto de prueba</p>

Yo guardaría en un objeto con el objeto y si está activado o no para realizar luego lo que quieras.

De esta manera tal vez para otras funciones necesites acceder a si está apretado o no el botón

const p = document.querySelector("p");
var boton = {
  obj: document.querySelector("#boton"),
  encendido: false
}

boton.obj.addEventListener("click", function(){
  if(!boton.encendido){
     boton.encendido = true;
     p.style.fontSize = "24px";
   } else {
     boton.encendido = false;
     p.style.fontSize = "16px";
   }
});
<button id="boton">Presionar</button>
<p>Texto de prueba</p>

Yo guardaría en un objeto con el objeto y si está activado o no para realizar luego lo que quieras.

De esta manera tal vez para otras funciones necesites acceder a si está apretado o no el botón

const p = document.querySelector("p");
var boton = {
  obj: document.querySelector("#boton"),
  encendido: false
}

boton.obj.addEventListener("click", function(){
  if(!boton.encendido){
     boton.encendido = true;
     p.style.fontSize = "24px";
   } else {
     boton.encendido = false;
     p.style.fontSize = "16px";
   }
});
p {
  font-size 16px;
}
<button id="boton">Presionar</button>
<p>Texto de prueba</p>

Origen Enlace
David
  • 1.3k
  • 3
  • 17
  • 39

Yo guardaría en un objeto con el objeto y si está activado o no para realizar luego lo que quieras.

De esta manera tal vez para otras funciones necesites acceder a si está apretado o no el botón

const p = document.querySelector("p");
var boton = {
  obj: document.querySelector("#boton"),
  encendido: false
}

boton.obj.addEventListener("click", function(){
  if(!boton.encendido){
     boton.encendido = true;
     p.style.fontSize = "24px";
   } else {
     boton.encendido = false;
     p.style.fontSize = "16px";
   }
});
<button id="boton">Presionar</button>
<p>Texto de prueba</p>