Zwei Spieler einrichten

Verwende das Schlüsselwort return und einen ternären Operator und sorge dafür, dass zwei Personen das Spiel spielen können. Wenn ein Symbol (Kreis oder ein Kreuz) in ein Kästchen gesetzt worden ist, kann es nicht mehr geändert werden.

<!DOCTYPE html>
<html>
   <head>
         <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
         <title>Tic-Tac-Toe</title>
   <style> 
        .zeile div {
          padding: 10px;
          border: 1px solid black;
          height: 30px;
          width: 30px;
	  float: left;
        }
        .zeile {
         clear: both;
        }
      </style>
    </head>
    <body>
       Klicke hier, um Tic-Tac-Toe zu spielen!<br/>
       <div>
          <div class="zeile">
               <div onclick="setze(this)"></div>
               <div onclick="setze(this)"></div>
               <div onclick="setze(this)"></div>
          </div>
          <div class="zeile">
               <div onclick="setze(this)"></div>
               <div onclick="setze(this)"></div>
               <div onclick="setze(this)"></div>
          </div>
          <div class="zeile">
               <div onclick="setze(this)"></div>
               <div onclick="setze(this)"></div>
               <div onclick="setze(this)"></div>
          </div>
       </div>
       <script>
          var aktuellerSpieler = "O";
          function setze(kästchen) {
             if(kästchen.innerText != "") return; 
             kästchen.innerText = aktuellerSpieler;
             aktuellerSpieler == "O" ? aktuellerSpieler = "X" : aktuellerSpieler = "O";
          }
       </script>
    </body>
</html>

Beispiel ansehen

Zurück zur Mission