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.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
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>