Computerhilfen.de Logo
Forum
Tipps
News

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!