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

No:1225

160

←

Prev Next

→

sumo wrestling
Developer User3285｜Date and time 23/6/18 8:50:09
Build time 33.682 sec｜Game capacity 3.621KB｜

Script

アプリの概要：相撲の試合をシミュレートするゲームです。以下が実際のプログラムです。

相撲ゲーム

スマホで操作してね

🤼

このゲームでは、スマホのタッチ操作で攻撃する事ができます。試合開始ボタンを押すと、ランダムに先攻が決まって攻撃するプレイヤーは黄色くハイライトされます。攻撃するボタンを押すと攻撃した結果、相手の体力が減ります。相手の体力が0になると、勝者が表示され試合終了となります。勝敗がついた後は再度試合開始ボタンを押すと、新しい試合が開始されます。

←

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>
<style>
    body {text-align: center;}
    .button {background-color: #4CAF50; color: white; padding: 10px 25px; font-size: 16px;}
    #playBtn {display: none;}
    #player1, #player2 {font-size: 80px;}
</style>
</head>
<body>
<h1>相撲ゲーム</h1>
<p>スマホで操作してね</p>
<p id="player1">🤼</p>
<p id="player2">🤼</p>
<button class="button" onclick="startMatch()">試合開始</button>
<button class="button" id="playBtn" onclick="play()">攻撃する</button>

const attackPower = [10, 20, 30];

function startMatch() {
        isMatchStarted = true;
        document.getElementById("playBtn").style.display = "block";
        document.querySelector("button").style.display = "none";
        currentAttacker = Math.floor(Math.random() * 2) + 1;
        document.getElementById(`player${currentAttacker}`).style.background = "yellow";
    }

function endMatch(winner) {
        document.querySelector("h1").innerHTML = `🎉 Player ${winner} wins! 🎉`;
        document.getElementById("playBtn").style.display = "none";
        document.querySelector("button").style.display = "block";
        player1Health = 100;
        player2Health = 100;
        document.getElementById('player1').innerHTML = `🤼`;
        document.getElementById('player2').innerHTML = `🤼`;
        document.getElementById('player1').style.background = "white";
        document.getElementById('player2').style.background = "white";
        isMatchStarted = false;
    }
</script>
</body>
</html>