JavaScript hinzufügen

Verwende die JavaScript-Funktion alert und das Attribut onclick und sorge dafür, dass ein Alert-Fenster erscheint, wenn ein Spieler auf ein Kästchen des Spielfelds klickt.

<!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>
           function setze(kästchen) {
               alert("Du hast hier geklickt!");
           }
       </script>
    </body>
</html>

Beispiel ansehen

Zurück zur Mission