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

No:3855

837

←

Prev Next

→

Lets think about what random is! Game!
Developer User3589｜Date and time 23/6/26 19:21:55
Build time 18.854 sec｜Game capacity 1.741KB｜

Script

ランダムとは、予測できない不確定な値を示すものであり、プログラミングにおいてはよく使用されます。私は、スマホで遊べるシンプルな「サイコロゲーム」を作成したいと思います。以下が私が実装したhtmlファイルのコードです。

サイコロゲーム

このゲームでは、「サイコロを振る！」ボタンを押すことでランダムに1から6までの数値が表示され、サイコロの目を再現したシンプルなゲームができます。スマホでも遊べるレスポンシブなデザインになっているため、ぜひお試しください！

←

Prev　Next

→ 　

Back　

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

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

ランダムとは、予測できない不確定な値を示すものであり、プログラミングにおいてはよく使用されます。

私は、スマホで遊べるシンプルな「サイコロゲーム」を作成したいと思います。

以下が私が実装したhtmlファイルのコードです。

<!DOCTYPE html>
<html>
<head>
	<title>サイコロゲーム</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body {
			background-color: #fcf7f6;
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			text-align: center;
		}

h1 {
			font-weight: bold;
			font-size: 2em;
			color: #cc0000;
			margin-top: 50px;
		}

button {
			background-color: #cc0000;
			color: white;
			font-size: 1.2em;
			padding: 10px 20px;
			border: none;
			border-radius: 10px;
			cursor: pointer;
			margin-top: 50px;
			box-shadow: 0px 2px 4px #999;
		}

#result {
			font-size: 2em;
			font-weight: bold;
			color: #cc0000;
			margin-top: 50px;
		}
	</style>
</head>
<body>
	<h1>サイコロゲーム</h1>
	<button onclick="rollDice()">サイコロを振る！</button>
	<p id="result"></p>

resultEl.innerHTML = "出目は " + randNum + " です！";
		}
	</script>
</body>
</html>