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

No:3173

2014

←

Prev Next

→

(one on one) fighting game
Developer anonymous｜Date and time 70/1/1 9:33:10
Build time unknown sec｜Game capacity 1.99KB｜

Script

運ゲー

ボタンを押して運を試そう！

このアプリは運を試すゲームです。スマホで操作することが前提で、1枚のHTMLファイルにJavaScriptを含めています。HTMLファイルにはCSSも含め、見た目も美しくデザインされています。アプリを開くと、真ん中に「ボタンを押して運を試そう！」というメッセージが表示されるので、「押す」というボタンをクリックします。そうすると、1から100までの数字がランダムで生成されます。その数字によって大吉、吉、凶、大凶のいずれかが結果に表示されます。アプリを楽しみながら、運を試してみましょう！🍀

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="utf-8">
	<title>運ゲー</title>
	<style type="text/css">
		body {
			background-color: #3498db;
			font-family: Arial, sans-serif;
			color: #fff;
		}
		
		h1 {
			text-align: center;
			margin-top: 50px;
		}
		
		#app {
			width: 80%;
			margin: 0 auto;
			text-align: center;
			padding: 30px;
			background-color: #fff;
			border-radius: 10px;
			box-shadow: 2px 2px 5px #888;
			margin-top: 50px;
		}
		
		button {
			background-color: #2ecc71;
			color: #fff;
			border: none;
			padding: 10px 20px;
			font-size: 18px;
			border-radius: 5px;
			cursor: pointer;
		}
		
		#result {
			font-size: 30px;
			margin-top: 30px;
		}
	</style>
</head>
<body>
	<h1>運ゲー</h1>
	<div id="app">
		<p>ボタンを押して運を試そう！</p>
		<button onclick="getRandomNumber()">押す</button>
		<div id="result"></div>
	</div>
	
	<script type="text/javascript">
		function getRandomNumber() {
			var num = Math.floor(Math.random() * 100) + 1;
			var message;
			
			if(num <= 25) {
				message = "大凶";
			} else if(num <= 50) {
				message = "凶";
			} else if(num <= 75) {
				message = "吉";
			} else {
				message = "大吉";
			}
			
			document.getElementById("result").textContent = message + "！";
		}
	</script>
</body>
</html>