Forum
Tipps
News
Menu-Icon

HTML Hintergrundfarbe wechseln

Ich hab ein kleines Problem.
Ich möchte, dass sich die Hintergrundfarbe bei jedem Start ändert.
Mein bisheriger Code ist:

<script language="javascript">
window.onload = function(){
   var b = document.getelementbytagname('body')[0];
   var a = Math.random();
   if (a < 0.2) {
      b.style.background = '#f9f91b';
   }
   if (a < 0.4) {
      b.style.background = '#6eff40';
   }
   if (a < 0.6) {
      b.style.background = '#40ffeb';
   }
   if (a < 0.8) {
      b.style.background = '#ff9000';
   }
   if (a < 1) {
      b.style.background = '#aa0000';
   }
}
</script>

Wieso geht das nicht?

Danke für die Antworten. 


Antworten zu HTML Hintergrundfarbe wechseln:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

wahrscheinlich weil der Vergleichsoperator so nicht funktioniert. Du musst immer auf <= oder >= oder == testen, nicht nur auf <.

Gruß,
Mario 8)

Danke erstmal! Hat zur Lösung des Problems beigeholfen!
Hier ist meine Lösung:

<script language="javascript">
function funcolch(){
var a = Math.round(parseFloat(Math.random() * 100));
if (a <= 20) {
document.bgColor = '#f9f91b';
document.linkColor = '#f9f91b';
document.alinkColor = '#f9f91b';
document.vlinkColor = '#f9f91b';
} else {
if (a <= 40) {
document.bgColor = '#6eff40';
document.linkColor = '#6eff40';
document.alinkColor = '#6eff40';
document.vlinkColor = '#6eff40';
} else {
if (a <= 60) {
document.bgColor = '#40ffeb';
document.linkColor = '#40ffeb';
document.alinkColor = '#40ffeb';
document.vlinkColor = '#40ffeb';
} else {
if (a <= 80) {
document.bgColor = '#ff9000';
document.linkColor = '#ff9000';
document.alinkColor = '#ff9000';
document.vlinkColor = '#ff9000';
} else {
if (a <= 100) {
document.bgColor = '#aa0000';
document.linkColor = '#aa0000';
document.alinkColor = '#aa0000';
document.vlinkColor = '#aa0000';
}
}
}
}
}
}
</script>
Nur mit Variablen ging es nicht.
Also so:
var a = document.vlinkColor;
var b = '#aa0000';
und dann:
a = b

« Server mietenScrollbalken entfernen ohne Scrollfunktion zu deaktivieren »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Grundstrich
Der Begriff des Grundstrichs im Bereich der Typografie, bezeichnet den senkrechten Strich der Buchstaben. Bei Schriftarten mit variabler Strichstärke, wie zum Beispi...

Haarstrich
Der Begriff Haarstrich stammt aus dem Bereich der Typographie. Bei Schriften, wie zum Beispiel der Antiquaschrift mit unterschiedlichen Strichstärken, wird zwischen ...

Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...