Notice: Undefined variable: root in /users/basti1012/www/index1.php on line 41
Verschiedene CSS Klassen einbinden

Verschiedene CSS Klassen einbinden

Hi zusammen, bin erst neu dabei beim Programmieren und hab da ein Problem, dass ich nicht schaffe selber zu lösen: In meiner ersten Anwendung vergleiche ich 2 zufällige Spieler miteinander. Nun möchte ich beim Spieler mit der höheren Id den div Bereich den Hintergrund grün erscheinen lassen. Ich dachte an einer If Anweisung.

Der hier verwendete Code

<p>Player 1 score:<span id="player1">11</span></p> <p>Player 2 score:<span id="player2">211</span></p> <script> var spieler1=document.getElementById('player1'); var spieler2=document.getElementById('player2'); if(spieler1.innerHTML>spieler2.innerHTML){ spieler1.style.background='green'; spieler2.style.background='red'; console.log('Spieler 1 hat meh Punkte') }else if(spieler1.innerHTML<spieler2.innerHTML){ spieler2.style.background='green'; spieler1.style.background='red'; console.log('Spieler 2 hat meh Punkte') }else if(spieler1.innerHTML==spieler2.innerHTML){ spieler2.style.background='orange'; spieler1.style.background='orange'; console.log('Spieler 1 und 2 haben gleich viel Punkte') } </script>