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

No:1477

273

←

Prev Next

→

Shogi in which the only piece between each other i..ALL
Developer sayaensm｜Date and time 23/6/18 17:14:08
Build time 47.124 sec｜Game capacity 2.662KB｜

Script

を作ります。以下が実際のプログラムです。

王将将棋

🐉	🐘	🐺	🦁	👑	🦌	🐤	🐢
🦁	🦌	🐤	🐢	👑	🐺	🐘	🐉

この将棋のゲームは、2人で遊ぶゲームです。駒が王将（👑）とそれ以外の動物（🐯, 🦁, 🦌, 🐺, 🐘, 🐉, 🐤, 🐢）になっています。王将と他の動物は移動方法が異なります。目的は相手の王将を攻め落とすことです。相手の王将を攻め落とすと勝ちになります。相手の王将以外の動物を取ることもできますが、自分の王将を取られると負けとなります。

←

Prev　Next

→ 　

Back　

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

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

を作ります。以下が実際のプログラムです。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>王将将棋</title>
  </head>
  <body>
    <h1>王将将棋</h1>
    <table>
      <tr>
        <td id="a1" onclick="move('a1')">🐉</td>
        <td id="b1" onclick="move('b1')">🐘</td>
        <td id="c1" onclick="move('c1')">🐺</td>
        <td id="d1" onclick="move('d1')">🦁</td>
        <td id="e1" onclick="move('e1')">👑</td>
        <td id="f1" onclick="move('f1')">🦌</td>
        <td id="g1" onclick="move('g1')">🐤</td>
        <td id="h1" onclick="move('h1')">🐢</td>
      </tr>
      <tr>
        <td id="a2" onclick="move('a2')">🦁</td>
        <td id="b2" onclick="move('b2')">🦌</td>
        <td id="c2" onclick="move('c2')">🐤</td>
        <td id="d2" onclick="move('d2')">🐢</td>
        <td id="e2" onclick="move('e2')">👑</td>
        <td id="f2" onclick="move('f2')">🐺</td>
        <td id="g2" onclick="move('g2')">🐘</td>
        <td id="h2" onclick="move('h2')">🐉</td>
      </tr>
    </table>
    <script>
      let selected = null;
      const move = (id) => {
        const element = document.getElementById(id);
        if (selected == null) {
          if (element.innerHTML.includes('👑')) {
            selected = element;
            selected.style.backgroundColor = 'yellow';
          }
        } else {
          const from = selected.id;
          const to = id;
          const fromPiece = selected.innerHTML;
          const toPiece = element.innerHTML;
          selected.style.backgroundColor = '';
          selected = null;
          if (from === to || fromPiece.includes('👑')) {
            return;
          }

if (fromPiece === '🐯' && (to === 'a1' || to === 'a2')) {
            alert('勝ち！');
          } else if (fromPiece === '🦁' && (to === 'h1' || to === 'h2')) {
            alert('勝ち！');
          } else if (toPiece.includes('👑')) {
            alert('勝ち！');
          } else {
            element.innerHTML = fromPiece;
            selected.innerHTML = '';
          }
        }
      };
    </script>
  </body>
</html>