Estoy tratando de usar una variable de JavaScript como un valor de píxel HTML, pero no sé cómo usarla en una cadena.
Aquí está el código:
a = 20; const h1 = document.querySelector("h1"); h1.style.fontSize = '{a}px';Puede usar los literales de plantilla , que agregan una cadena a la segunda cadena.
Aquí hay un ejemplo:
const a = 50; const h1 = document.querySelector("h1"); h1.style.fontSize = `${a}px`; <h1> Hello </h1>O bien, puede usar la concatenación para juntar cadenas:
a + "px"; // "50px" Tenga cuidado al usar la concatenación, porque si usa un número (como 50) sumará la cadena más el número. Puede usar a.toString() o String(a) para convertirlo en una cadena.
50 + "px"; // "50px" "50" + "px"; // "50px" (50).toString() + "px"; // "50px" String(50) + "px"; // "50px"