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

No:9130

176

←

Prev Next

→

Sandal Mountaineering
Developer User4246｜Date and time 23/7/21 15:54:07
Build time 22.65 sec｜Game capacity 1.925KB｜

Script

了解しました。以下にサンダル登山というゲームの実装例を示します。

サンダル登山

⛰️

このプログラムは、「サンダル登山」というゲームを実装したものです。ページを開いて「スタート」ボタンをクリックすると、マウンテン絵文字が表示されます。その後、画面をクリックするたびに足跡絵文字が追加され、マウンテン絵文字の個数が増えていきます。10個に達すると「山頂到達！🎉」と表示され、クリックしても反応しなくなります。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にサンダル登山というゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>サンダル登山</title>
    <style>
      body {
        text-align: center;
      }
      #mountain {
        font-size: 200px;
        margin-top: 30px;
      }
      #start-button {
        font-size: 30px;
        margin-top: 50px;
        padding: 10px 20px;
      }
    </style>
  </head>
  <body>
    <h1>サンダル登山</h1>
    <div id="mountain">⛰️</div>
    <button id="start-button">スタート</button>

function startGame() {
        document.getElementById("start-button").style.display = "none";
        document.getElementById("mountain").textContent = "🏔️";

document.body.addEventListener("click", climbMountain);
      }

function climbMountain() {
        const mountainElement = document.getElementById("mountain");
        let mountainText = mountainElement.textContent;

if (mountainText.length < 10) {
          mountainText += "👣";
          mountainElement.textContent = mountainText;
        } else {
          mountainElement.textContent = "山頂到達！🎉";
          document.body.removeEventListener("click", climbMountain);
        }
      }
    </script>
  </body>
</html>
```