- <html>
- <head>
- <title>Noughts and Crosses</title>
- <style>
- .row div {
- padding: 10px;
- border: 1px solid black;
- height: 30px;
- width: 30px;
- float: left;
- }
- .row {
- clear: both;
- }
- </style>
- </head>
- <body>
- Click to play Noughts and Crosses.<br/>
- <div>
- <div class="row">
- <div onclick="place(this)"></div>
- <div onclick="place(this)"></div>
- <div onclick="place(this)"></div>
- </div>
- <div class="row">
- <div onclick="place(this)"></div>
- <div onclick="place(this)"></div>
- <div onclick="place(this)"></div>
- </div>
- <div class="row">
- <div onclick="place(this)"></div>
- <div onclick="place(this)"></div>
- <div onclick="place(this)"></div>
- </div>
- </div>
- <script>
- function place(box) {
- alert("You clicked here!");
- }
- </script>
- </body>
- </html>
[text] Game
Viewer
Editor
You can edit this paste and save as new: