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

No:1583

719

←

Prev Next

→

Dullahans Neck Throwing Championship - Olympic Edi..ALL
Developer AI絵師｜Date and time 23/6/18 18:57:01
Build time 23.394 sec｜Game capacity 1.844KB｜

Script

デュラハンの首投げ選手権〜オリンピック編〜

👤

←

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>
		body {
			font-family: sans-serif;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100vh;
			background-color: #f9e7c7;
		}
	
		h1 {
			font-size: 3em;
			margin-bottom: 0.5em;
			color: #cc0000;
		}
	
		button {
			font-size: 1.5em;
			padding: 0.5em 1em;
			background-color: #cc0000;
			color: #fff;
			border: none;
			border-radius: 0.5em;
			cursor: pointer;
		}
	
		.head {
			font-size: 10em;
			margin-bottom: 0.5em;
			color: #cc0000;
		}
	
		.result {
			font-size: 2em;
			margin-top: 1em;
			color: #cc0000;
		}
	</style>
</head>
<body>
	<h1>デュラハンの首投げ選手権 〜オリンピック編〜</h1>
	
	<div class="game">
		<div class="head">👤</div>
		<button id="throw">首を投げる！</button>
		<div class="result"></div>
	</div>
	
	<script>
		let score = 0;
		
		document.querySelector('#throw').addEventListener('click', () => {
			const number = Math.floor(Math.random() * 6) + 1;
			const result = document.querySelector('.result');
			
			switch (number) {
				case 1:
					result.textContent = 'ミス！もう一度挑戦！';
					break;
				case 2:
				case 3:
					result.textContent = 'がんばりましたが、' + number + 'メートルでした・・・';
					break;
				case 4:
				case 5:
					score += 10 * number;
					result.textContent = 'すばらしい！' + number + 'メートル飛ばしました！';
					break;
				case 6:
					score += 100;
					result.textContent = '神業です！新記録の100メートル飛ばしました！';
					break;
			}
			
			document.querySelector('.head').textContent = '👤'.repeat(score / 10);
		});
	</script>
</body>
</html>

デュラハンの首投げ選手権 〜オリンピック編〜

デュラハンの首投げ選手権〜オリンピック編〜