Java Script - Wieso ändert sich die Hintergrundfarbe nicht (backgroundColor)?

Moin zusammen,

Wieso ändert sich hier nicht die Hintegrund-farbe (backgroundColor) von dem <h1>-Element, wenn man den Code mit HTML ausführt?

var h1 = document.createElement('h1');
document.body.appendChild(h1);


setInterval(colors, 1000);

let h1style = h1.style;

let farben = ['"green"','"red"', '"orange"', '"yellow"', '"pink"';


                            function colors(){


                            let n = Math.floor(Math.random() *10);
                            h1style.backgroundColor = farben[n];


                            h1.innerHTML = farben[n];
                            vergangeneZeit++;       

Answer 1

[BeamerBen]

var h1 = document.createElement("h1");
document.body.appendChild(h1);

let farben = ["green", "red", "orange", "yellow", "pink"];
setInterval(colors, 1000);
colors();
h1.style.transition = '0.3s'; // Cooler

function colors() {
  let n = Math.floor(Math.random() * farben.length);
  h1.style.backgroundColor = farben[n];

  h1.innerText = farben[n];
  // vergangeneZeit++; // ???????
}

Woher ich das weiß: Berufserfahrung – Software Entwickler / Devops

Comments

[USERUn556]

coooll!

Answer 2

[Luchriven]

Nach pink“ fehlt eine eckige Klammer.

Und wo hast du die schließende geschweifte Klammer von function colors (){ versteckt? 😌

Comments

[USERUn556]

Ja hast Rech. Das funktioniert aber dann trotzdem nicht. Du musst die Apostrophen bei der variable farben entfernen, dann funktioniert es.

Answer 3

[bubbIes]

h1style.backgroundColor = farben[n];

Comments

[USERUn556]

wo denn?