basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    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>