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

No:3576

2146

←

Prev Next

→

viewing the moon
Developer anonymous｜Date and time 70/1/1 9:26:20
Build time unknown sec｜Game capacity 1.58KB｜

Script

。画面上に表示されたボタンをタップして、お団子を作りましょう。 HTMLファイルの例：

お月見団子ゲーム

画面上に表示されたボタンをタップして、お団子を作りましょう。

このコードは、画面上にあんこ・きなこ・抹茶のボタンを表示し、それぞれをタップしたときに得点を加算していきます。ボタンのイラストを使うことで、より直感的に操作できるようにすることも可能です。

←

Prev　Next

→ 　

Back　

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

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

。画面上に表示されたボタンをタップして、お団子を作りましょう。

HTMLファイルの例：

<!DOCTYPE html> 
<html> 
<head> 
<title>お月見団子ゲーム</title> 
<meta charset="UTF-8"> 
</head> 
<body> 
<h1>お月見団子ゲーム</h1> 
<p>画面上に表示されたボタンをタップして、お団子を作りましょう。</p> 
<button id="button1">あんこ</button> 
<button id="button2">きなこ</button> 
<button id="button3">抹茶</button> 
<p id="result"></p> 
<script> 
var score = 0; 
function makeDango(flavor) { 
var result = document.getElementById("result"); 
if (flavor === "あんこ") { 
score += 10; 
result.innerHTML = "あんこ団子を作りました。得点: " + score; 
} else if (flavor === "きなこ") { 
score += 20; 
result.innerHTML = "きなこ団子を作りました。得点: " + score; 
} else { 
score += 30; 
result.innerHTML = "抹茶団子を作りました。得点: " + score; 
} 
} 
document.getElementById("button1").addEventListener("click", function() {makeDango("あんこ")}); 
document.getElementById("button2").addEventListener("click", function() {makeDango("きなこ")}); 
document.getElementById("button3").addEventListener("click", function() {makeDango("抹茶")}); 
</script> 
</body> 
</html>