Zwei Spieler einrichten

Code skill

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>

Zurück zur Mission
Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.