Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

129
Views
usando literales de plantilla con atributo classlist

novato de javascript aquí. Estoy tratando de implementar literales de plantilla para cambiar la segunda parte de un nombre de variable mientras llamo al método de alternancia con el atributo classlist. Esto es lo que tengo:

bigBoxRight.classList.toggle("turnOff");

y esto es lo que estoy tratando de lograr:

bigBox`${player}`.classList.toggle("turnOff");

El jugador puede ser "Derecho" o "Izquierdo" y es una cadena. ¿Es esto posible?

about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

0

En lugar de intentar crear dinámicamente nombres de variables, primero debe obtener el elemento en el que está intentando alternar la clase.

Suponiendo que bigBoxRight o bigBoxLeft es la identificación del elemento, puede usar los literales de su plantilla para obtener el elemento primero:

 var elem = document.querySelector(`#bigBox${player}`)

Entonces puedes hacer:

 elem.classList.toggle("turnOff");
about 4 years ago · Juan Pablo Isaza Report

0

Lo que haría es guardar otra variable que obtendrá el elemento que necesita en función de su decisión y luego obtener la lista de clases para ello.

Por ejemplo

 const bigBoxRight = docemnt.querySelector... const bigBoxLeft = docemnt.querySelector... const elemRef = true* ? bigBoxRight : bigBoxLeft elemRef.classList.toggle("turnOff"); *- Your logic for when you need the right or the left bigbox element

La solución de Tim podría ser más clara si sabe cuándo necesita el elemento derecho o el izquierdo

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!