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

No:3719

2300

←

Prev Next

→

Butter and Sushi Fight
Developer User3589｜Date and time 23/6/26 10:47:47
Build time 20.713 sec｜Game capacity 1.78KB｜

Script

バターと寿司の戦い

画面タップで攻撃！

あなたはバター、敵は寿司たち。

←

Prev　Next

→ 　

Back　

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

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

<html>
<head>
<meta charset="UTF-8">
<title>バターと寿司の戦い</title>
<style>
body{
  text-align: center;
  font-size: 50px;
  color: brown;
  background-color: coral;
}
</style>
</head>
<body>
<h1>バターと寿司の戦い</h1>
<p>画面タップで攻撃！</p>
<p>あなたはバター、敵は寿司たち。</p>
<p id="result"></p>
<img id="butter" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/butter_1f9c8.png" width="100" height="100">
<img id="sushi1" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/sushi_1f363.png" width="100" height="100">
<img id="sushi2" src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/285/sushi_1f363.png" width="100" height="100">

butter.addEventListener("click", function(){
  score++;
  sushi1.style.top = Math.floor(Math.random() * 300) + "px";
  sushi1.style.left = Math.floor(Math.random() * 300) + "px";
  sushi2.style.top = Math.floor(Math.random() * 300) + "px";
  sushi2.style.left = Math.floor(Math.random() * 300) + "px";
  if(score == 10){
    result.innerHTML = "あなたの勝ちです！";
  }
});

sushi1.addEventListener("click", function(){
  score--;
  sushi1.style.top = Math.floor(Math.random() * 300) + "px";
  sushi1.style.left = Math.floor(Math.random() * 300) + "px";
});

sushi2.addEventListener("click", function(){
  score--;
  sushi2.style.top = Math.floor(Math.random() * 300) + "px";
  sushi2.style.left = Math.floor(Math.random() * 300) + "px";
});

</script>
</body>
</html>