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

No:31880

My Cute Sea Friend : My Vitural Pet Sea Friend Car..ALL
Developer User13970｜Date and time 23/12/28 19:32:12
Build time 23.205 sec｜Game capacity 2.198KB｜

Script

My Cute Sea Friend

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>My Cute Sea Friend</title>
</head>
<body>
  <style>
    body {
      font-family: Arial, sans-serif;
      background-color: #e6f2ff;
    }

h1 {
      text-align: center;
      color: #005580;
    }

#pet {
      width: 200px;
      height: 200px;
      background-image: url('pictogram.png'); /* Replace with the pictogram image */
      background-size: cover;
      margin: 0 auto;
    }

#actions {
      text-align: center;
      margin-top: 20px;
    }

button {
      padding: 10px;
      background-color: #008cff;
      border: none;
      color: white;
      font-weight: bold;
      cursor: pointer;
    }

#message {
      text-align: center;
      margin-top: 20px;
    }
  </style>

<h1>My Cute Sea Friend</h1>

<div id="actions">
    <button onclick="feed()">Feed</button>
    <button onclick="play()">Play</button>
    <button onclick="clean()">Clean</button>
  </div>

function updateStatus() {
      document.getElementById("pet").style.backgroundImage = "url('pictogram.png')"; // Replace with the appropriate image depending on the pet's status

if (hunger <= 0 || happiness <= 0 || cleanliness <= 0) {
        clearInterval(timer);
        document.getElementById("actions").innerHTML = "<h2>Game Over! Your sea friend has passed away.</h2>";
        return;
      }

if (hunger < 20 || happiness < 20 || cleanliness < 20) {
        document.getElementById("message").innerHTML = "<h2>Your sea friend is unhappy!</h2>";
      } else {
        document.getElementById("message").innerHTML = "";
      }
    }

function reduceStatus() {
      hunger -= 5;
      happiness -= 5;
      cleanliness -= 5;

updateStatus();
    }

function feed() {
      hunger += 10;
      clean();
    }

function play() {
      happiness += 15;
      reduceStatus();
    }

function clean() {
      cleanliness += 20;
      reduceStatus();
    }

const timer = setInterval(reduceStatus, 10000); // Update status every 10 seconds
  </script>
</body>
</html>