basti1012.bplaced.net

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.

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>