TEMPLATE LITERALS NOT WORKING - IS HARDCODING TEXT
&
BACKGROUND COLOR NOT CHANGING

Question

Blew away all my typing so I am starting again so this may be a little more brief that required. // As shown in video and as on script.js red = Math.floor(Math.random() * 256); green = Math.floor(Math.random() * 256); blue = Math.floor(Math.random() * 256); randomRGB = rgb( ${red}, ${green}, ${blue} ); html +=

2

; // As worked on using video provided instruction for ( i=1; i<=10; i++ ) { Math.floor(Math.random() * 256); green = Math.floor(Math.random() * 256); blue = Math.floor(Math.random() * 256); randomRGB = rgb( ${red}, ${green}, ${blue} ); html +=

2

; } ISSUE: The output is "i, i, i, i, i, etc." Also, no background color changes. // My Reworking the template litteral line results in flawless output of 1, 2, 3, 4, 5, etc. for ( i=1; i<=10; i++ ) { Math.floor(Math.random() * 256); green = Math.floor(Math.random() * 256); blue = Math.floor(Math.random() * 256); randomRGB = rgb( ${red}, ${green}, ${blue} ); html += '

' + i + '

'; } Still the background color does not change. It is a mystery to me.

Steven Parker · Accepted Answer

I see 3 issues in the revised code:
- "html" should be initialized to an empty string before the loop
- "red" is not defined ("let red = " is missing from the first loop line)
- a "document.write" is needed after the loop to display the completed "html"
Also, "best practice" would be to always explicitly declare new variables (with "let", "const", or "var").

marialena alevizaki · Answer

Basically the code you get is ready. You get this code 10 times: red = Math.floor(Math.random() * 256); green = Math.floor(Math.random() * 256); blue = Math.floor(Math.random() * 256); randomRGB = rgb( ${red}, ${green}, ${blue} ); html +=

${i}

; and you have to use a for loop. The problem is that you have to define the variable i.

Bienvenido a la Comunidad de Treehouse

¿Buscas aprender algo nuevo?

Michael Dunagan

Michael Dunagan

LOS LITERALES DE PLANTILLA NO FUNCIONAN - ESTÁ CODIFICANDO TEXTO MANUALMENTE

2 Respuestas

Steven Parker

Steven Parker

Michael Dunagan

Michael Dunagan

Steven Parker

Steven Parker

marialena alevizaki

marialena alevizaki

Michael Dunagan

Michael Dunagan