¿Por qué rgb (‘+ x +’, ‘+ y +’, ‘+ z +’) funciona en javascript y no en rgb (x, y, z)?

Supongo que publicaste un fragmento de código incompleto como rgb ("+x+","+y+","+z+") . Aquí está mi interpretación de su código:


Parece que su código está destinado a inyectar algo de estilo CSS a un elemento usando JavaScript. Se supone que las variables x, y y z en su código agregan valores RGB a una función rgb de CSS.

¿Por qué no funciona rgb (x, y, z) en JavaScript?

A diferencia de CSS, JavaScript no tiene ninguna función predefinida llamada rgb (). Para facilitar su uso, podemos inyectar estilos a un elemento con JavaScript según la necesidad y utilizar CSS rgb () en los estilos inyectados.

Para una imagen más clara, a continuación se muestra un ejemplo de rgb() utilizado en CSS:

.gris {
color: rgb (66, 66, 66);
/*— X . y. z – * /
}

Como rgb( y ) son valores constantes que se agregarán como CSS, solo necesitamos combinarlos con las variables que llevan / suministran valor RGB a la función CSS.

Así es como lo hacemos en JS:

document.getElementById (“elemento”). style.color = “rgb (” + x + “,” + y + “,” + z + “)”;

Aquí está la aclaración del código que mencioné anteriormente:

  • x, y, z son variables y el código subrayado arriba son cadenas.
  • Las cadenas en JavaScript están entre comillas.
  • La cadena y las variables en JavaScript se pueden concatenar (unir) mediante el operador +.

Espero que haya sido útil.