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

No:1445

163

←

Prev Next

→

When you tap the float, it will randomly suggest a..ALL
Developer sayaensm｜Date and time 23/6/18 16:35:00
Build time 24.4 sec｜Game capacity 1.665KB｜

Script

HTMLファイルの実装:

うきわゲーム

うきわをたたくと今晩のおかずをランダムで提案してくれるよ！

このゲームは、ボタンをクリックするとおかずがランダムで提案されます。提案されるおかずのリストは、JavaScriptの配列にあらかじめ記述されています。スマホでも操作可能で、絵文字も使用されています。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

HTMLファイルの実装:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>うきわゲーム</title>
	<style>
		#btn {
			background-color: pink;
			padding: 10px 20px;
			font-size: 24px;
			border: none;
			border-radius: 20px;
			cursor: pointer;
		}
	</style>
</head>
<body>

<h1>うきわゲーム</h1>

<p>うきわをたたくと今晩のおかずをランダムで提案してくれるよ！</p>

<button id="btn">うきわをたたく！</button>

// ボタンクリックイベント
		document.getElementById("btn").addEventListener("click", function() {
			const index = Math.floor(Math.random() * dishList.length);
			document.getElementById("result").textContent = "今晩のおかずは「" + dishList[index] + "」だよ！";
		});
	</script>

</body>
</html>