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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!