Click here for free DL of the app version that can save data.

No:22532

←

Prev Next

→

Permainan SOS
Developer User10379｜Date and time 23/10/23 2:32:22
Build time 75.899 sec｜Game capacity 4.644KB｜

Script

Berikut adalah contoh implementasi permainan SOS dalam satu file HTML dengan menggunakan JavaScript.

Permainan SOS

Pada permainan ini, pemain 1 dan 2 akan mengambil giliran untuk menempatkan tanda "S" atau "O" pada petak-petak yang tersedia dengan mengklik petak yang diinginkan. Tujuan dari permainan ini adalah untuk mendapatkan tanda "SOS" secara horizontal, vertikal, atau diagonal. Pemain yang pertama kali berhasil membentuk "SOS" akan dinyatakan sebagai pemenangnya. Jika seluruh petak telah terisi tanpa adanya pemain yang berhasil membentuk "SOS", maka permainan akan berakhir seri.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

Berikut adalah contoh implementasi permainan SOS dalam satu file HTML dengan menggunakan JavaScript.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Permainan SOS</title>
  <style>
    .square {
      width: 100px;
      height: 100px;
      display: inline-block;
      font-size: 50px;
      text-align: center;
      line-height: 100px;
      cursor: pointer;
    }
    
    .empty {
      background-color: #ccc;
    }
    
    .player1 {
      background-color: #ffcccc;
    }
    
    .player2 {
      background-color: #ccffcc;
    }
  </style>
</head>
<body>
  <h1>Permainan SOS</h1>
  <div id="gameBoard"></div>
  
  <script>
    // Inisialisasi variabel permainan
    var currentPlayer = 1;
    var boardSize = 3;
    var gameBoard = [];
    
    // Fungsi untuk membuat papan permainan
    function createBoard() {
      var gameContainer = document.getElementById('gameBoard');
      
      for (var i = 0; i < boardSize; i++) {
        gameBoard[i] = [];
        for (var j = 0; j < boardSize; j++) {
          var square = document.createElement('div');
          square.className = 'square empty';
          square.innerHTML = ' ';
          square.setAttribute('onclick', 'makeMove(' + i + ',' + j + ')');
          gameContainer.appendChild(square);
          gameBoard[i][j] = '';
        }
        gameContainer.appendChild(document.createElement('br'));
      }
    }
    
    // Fungsi untuk mengubah tanda pada langkah pemain
    function makeMove(row, col) {
      var square = gameBoard[row][col];
      
      if (square === '') {
        if (currentPlayer === 1) {
          gameBoard[row][col] = 'S';
          square = 'S';
          currentPlayer = 2;
        } else {
          gameBoard[row][col] = 'O';
          square = 'O';
          currentPlayer = 1;
        }
        
        var squareElement = document.getElementsByClassName('square')[row * boardSize + col];
        squareElement.innerHTML = square;
        squareElement.className = 'square player' + currentPlayer;
        
        checkWin(row, col);
      }
    }
    
    // Fungsi untuk memeriksa kemenangan
    function checkWin(row, col) {
      var player = gameBoard[row][col];
      var win = true;
      
      // Periksa baris
      for (var i = 0; i < boardSize; i++) {
        if (gameBoard[row][i] !== player) {
          win = false;
          break;
        }
      }
      
      // Periksa kolom
      if (!win) {
        win = true;
        for (var i = 0; i < boardSize; i++) {
          if (gameBoard[i][col] !== player) {
            win = false;
            break;
          }
        }
      }
      
      // Periksa diagonal utama
      if (!win && row === col) {
        win = true;
        for (var i = 0; i < boardSize; i++) {
          if (gameBoard[i][i] !== player) {
            win = false;
            break;
          }
        }
      }
      
      // Periksa diagonal kedua
      if (!win && (row + col === boardSize - 1)) {
        win = true;
        for (var i = 0; i < boardSize; i++) {
          if (gameBoard[i][boardSize - 1 - i] !== player) {
            win = false;
            break;
          }
        }
      }
      
      // Jika pemain menang
      if (win) {
        alert('Pemain ' + currentPlayer + ' menang!');
        resetGame();
      } else {
        // Periksa jika permainan berakhir seri
        var emptySquare = false;
        for (var i = 0; i < boardSize; i++) {
          for (var j = 0; j < boardSize; j++) {
            if (gameBoard[i][j] === '') {
              emptySquare = true;
              break;
            }
          }
          if (emptySquare) {
            break;
          }
        }
        
        // Jika permainan seri
        if (!emptySquare) {
          alert('Permainan berakhir seri!');
          resetGame();
        }
      }
    }
    
    // Fungsi untuk mereset permainan
    function resetGame() {
      var gameContainer = document.getElementById('gameBoard');
      gameContainer.innerHTML = '';
      
      currentPlayer = 1;
      gameBoard = [];
      createBoard();
    }
    
    // Memulai permainan
    createBoard();
  </script>
</body>
</html>
```