🦁マシマシゲーム🦁

🦁をマシマシしてレベルをあげよう！

レベルが上がると新しい🦁が現れるよ！

今の🦁のレベルは1です。

🦁にマシマシした回数：0回

🦁にマシマシしてレベルを上げよう！

（ワンタップで1回マシマシするよ）

マシマシする！

※注意※このプログラムは頑張って書いたものですが、ゲームバランスなどに問題があるかもしれません。あくまで楽しみながらプレイしてください！

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

を作り上げました🎉🎮

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>🦁マシマシゲーム🦁</title>
	<style>
		body {
			background-color: #FFDEAD;
            font-size: 20px;
            text-align: center;
		}
		h1 {
			margin-top: 100px;
            font-size: 40px;
		}
        #lion {
            font-size: 100px;
        }
        #button {
            display: block;
            margin: 50px auto;
            font-size: 30px;
            background-color: #FF69B4;
            border: none;
            color: white;
            padding: 20px 40px;
            border-radius: 10px;
            cursor: pointer;
        }
	</style>
</head>
<body>
	<h1>🦁マシマシゲーム🦁</h1>
    <p>🦁をマシマシしてレベルをあげよう！</p>
    <p>レベルが上がると新しい🦁が現れるよ！</p>
    <p>今の🦁のレベルは<span id="level">1</span>です。</p>
    <p>🦁にマシマシした回数：<span id="count">0</span>回</p>
    <p>🦁にマシマシしてレベルを上げよう！</p>
    <p>（ワンタップで1回マシマシするよ）</p>
    <p id="result"></p>
    <div id="button">マシマシする！</div>
    <script>
        let lion = document.getElementById("lion");
        let level = document.getElementById("level");
        let count = document.getElementById("count");
        let result = document.getElementById("result");
        let button = document.getElementById("button");
        
        let currentLevel = 1;
        let requiredCount = 10;
        let currentCount = 0;
        
        button.addEventListener("click", function() {
            currentCount++;
            count.textContent = currentCount;
            if (currentCount >= requiredCount) {
                currentLevel++;
                level.textContent = currentLevel;
                currentCount = 0;
                count.textContent = currentCount;
                result.textContent = "🎉レベルアップ！🎉新しい🦁が現れたよ！";
                setTimeout(function() {
                    result.textContent = "";
                }, 2000);
                lion.textContent = "🦁".repeat(currentLevel);
                requiredCount = currentLevel * 10;
            }
            lion.textContent = "🦁".repeat(currentLevel) + "🛡️".repeat(requiredCount - currentCount);
        });
    </script>
</body>
</html>