Warriors game of hitashi

This program is designed to、This is a game in which the user defeats the hisasas by attacking them with the attack button. The user attacks HISASA by pressing the Attack button. The user inflicts random damage between the maximum and minimum attack power of the hasashi and、The user wins when hisashis HP falls below 0. Emojis are used to make the game more fun. Made it easy to play on smartphones.、Button size is set larger.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ひさしを無双するゲーム</title>
	<style>
		body {
			background-color: #fffacd;
			text-align: center;
			font-family: sans-serif;
		}
		h1 {
			font-size: 3rem;
			color: #dd1111;
			margin: 1rem;
		}
		button {
			font-size: 2rem;
			padding: 1rem;
			margin: 0.5rem;
			border-radius: 1rem;
			background-color: #00aaff;
			color: white;
			border: none;
			cursor: pointer;
		}
		#game {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 70vh;
			margin: 2rem;
		}
	</style>
</head>
<body>
	<h1>ひさしを無双するゲーム</h1>
	<div id="game">
		<img src="https://emojipedia-us.s3.amazonaws.com/content/2016/04/22/emoji-dagger-knife.png" alt="dagger" id="dagger">
		<button id="attack">攻撃</button>
		<p id="message"></p>
	</div>

document.getElementById("attack").addEventListener("click", attack);
	</script>
</body>
</html>

このプログラムは、ひさしを無双して倒すゲームです。ユーザーは「攻撃」ボタンを押してひさしに攻撃します。ひさしの最大攻撃力と最小攻撃力の間のランダムなダメージを与え、ひさしのHPが0以下になるとユーザーは勝利します。絵文字を使用してゲームを楽しくしました。スマートフォンで遊びやすいように、ボタンサイズを大きく設定しました。