Intento cambiar el color de fondo en una aplicación pequeña en html css js, un complemento de esto es:
var myoutput = document.getElementById("output"); function roundNum(){ AlphaValue=0.4; RedValue=255; GreenValue=0; BlueValue=0; outputColor=[RedValue,GreenValue,+BlueValue,AlphaValue]; return outputColor; } myColor=roundNum(); myColor1=myColor[0]; myColor2=myColor[1]; myColor3=myColor[2]; myColor4=myColor[3]; myoutput.style.backgroundColor ="( rgba("+myColor1+","+myColor2+","+myColor3+","+myColor4+");";Retire el ( del primero de su cadena, y elimine ; al final.
Cambio:
myoutput.style.backgroundColor ="(rgba("+myColor1+","+myColor2+","+myColor3+","+myColor4+");";A:
myoutput.style.backgroundColor ="rgba("+myColor1+","+myColor2+","+myColor3+","+myColor4+")";Tienes un par de problemas de sintaxis allí. No puede definir cadenas de varias líneas con comillas dobles o simples, use comillas invertidas en su lugar. Y rgba no comienza con un paréntesis antes de r y necesita un punto y coma al final;
myoutput.style.backgroundColor = `rgba(${myColor1},${myColor2},${myColor3},${myColor4})`;Puedes usar una función como esta
const red = () => { const r = 255, g = 0, b = 0, a = 1; return `${r},${g},${b},${a}`; } document.body.style.backgroundColor = `rgb(${[red()]})`; <html> <body></body> <html>