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

No:869

130

←

Prev Next

→

Sleeping RTA
Developer こぁ太郎｜Date and time 23/6/17 21:30:21
Build time 24.586 sec｜Game capacity 2.125KB｜

Script

ねんねRTA

猫が寝ている間に、ネズミを取りましょう。

上記のコードは、猫が寝ている間にネズミを取るゲームです。スマホでも操作可能で、ボタンを押すとゲームが始まり、30秒間ネズミを取ることができます。取ったネズミの匹数と時間が表示され、時間切れになるとボタンが表示され、再度押すことでゲームがリセットされます。絵文字も多く使っており、見た目もかわいらしいです。

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ねんねRTA</title>
<style>
body {
  font-size: 20px;
  text-align: center;
  font-family: "游ゴシック", YuGothic, "游ゴシック体", "Yu Gothic", sans-serif;
  background-color: pink;
}
button {
  background-color: white;
  border-radius: 15px;
  padding: 10px;
  margin-top: 20px;
  font-size: 25px;
  cursor: pointer;
}
</style>
</head>
<body>
<h1>ねんねRTA</h1>
<p>猫が寝ている間に、ネズミを取りましょう。</p>
<img id="cat" src="cat.png" alt="猫の画像" width="200" height="200">
<img id="mouse" src="mouse.png" alt="ネズミの画像" width="100" height="100">
<button onclick="move()">スタート</button>
<p id="time"></p>
<p id="result"></p>
<script>
var count = 0;
var time = 30;
var timer;

document.getElementById("mouse").addEventListener("click", function(){
  count++;
  document.getElementById("result").innerHTML = "ネズミを" + count + "匹取りました。";
  document.getElementById("mouse").style.display = "none";
  setTimeout(function(){
    document.getElementById("mouse").style.display = "block";
  }, 1000);
});
</script>
</body>
</html>