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>