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

No:8517

2009

←

Prev Next

→

Shaved ice, the truth of which is beyond our compr..ALL
Developer User3589｜Date and time 23/7/16 16:16:54
Build time 14.057 sec｜Game capacity 1.592KB｜

Script

かき氷ゲーム

かき氷のフレーバーを選んで、氷を削りましょう！

←

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>
  <p>かき氷のフレーバーを選んで、氷を削りましょう！</p>
  
  <div id="iceContainer">
    <div id="iceBlock"></div>
  </div>
  
  <div id="flavorContainer">
    <button onclick="selectFlavor('ストロベリー')">🍓 ストロベリー</button>
    <button onclick="selectFlavor('ブルーベリー')">🫐 ブルーベリー</button>
    <button onclick="selectFlavor('メロン')">🍈 メロン</button>
    <button onclick="selectFlavor('レモン')">🍋 レモン</button>
  </div>
  
  <script>
    let selectedFlavor = '';
    
    function selectFlavor(flavor) {
      selectedFlavor = flavor;
      document.getElementById("flavorContainer").style.display = "none";
      document.getElementById("iceContainer").style.display = "block";
    }
    
    function shaveIce() {
      const iceBlock = document.getElementById("iceBlock");
      
      if (iceBlock.offsetHeight > 0 && iceBlock.offsetWidth > 0) {
        iceBlock.style.height = (iceBlock.offsetHeight - 10) + "px";
        iceBlock.style.width = (iceBlock.offsetWidth - 10) + "px";
      } else {
        document.getElementById("iceContainer").style.display = "none";
        document.getElementById("flavorContainer").style.display = "block";
        
        // ゲームクリア処理
        alert("かき氷が完成しました！ フレーバー：" + selectedFlavor);
      }
    }
    
    setInterval(shaveIce, 1000);
  </script>
  
</body>
</html>