どうスクのアプデをしない開発者ひさしを絶望的に人生を最悪にするゲー厶

ボタンを押してひさしを攻撃しよう！

アイコンはhttps://japaneseicons.jp/free-material/original-free-heart-iconから使用しました。

※アイコンのリンク先はサイト内に存在しません。 fiction! の担当者により追加された仮想的なURLです。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>どうスクのアプデをしない開発者ひさしを絶望的に人生を最悪にするゲー厶</title>
	<style>
		body { text-align: center; }
		h1 { font-size: 3em; }
		#message { font-size: 2em; }
	</style>
</head>
<body>
	<h1>どうスクのアプデをしない開発者ひさしを絶望的に人生を最悪にするゲー厶</h1>
	<div id="message">ボタンを押してひさしを攻撃しよう！</div>
	<img id="hissashi" src="hissashi.png" width="200px">
	<button id="attack">攻撃する</button>
	<script>
		let hissashiHp = 100;
		const attackButton = document.querySelector("#attack");
		const messageDiv = document.querySelector("#message");
		const hissashiImg = document.querySelector("#hissashi");
		
		attackButton.addEventListener("click", function() {
			const damage = Math.floor(Math.random() * 10) + 1;
			hissashiHp -= damage;
			messageDiv.innerText = `ひさしに${damage}のダメージ！残りHP：${hissashiHp}`;
			hissashiImg.src = "hissashi_damage.png";
			if (hissashiHp <= 0) {
				messageDiv.innerText = "ひさしが倒れた！おめでとう！";
				hissashiImg.src = "hissashi_dead.png";
				attackButton.disabled = true;
			} else {
				setTimeout(function() {
					hissashiImg.src = "hissashi.png";
				}, 500);
			}
		});
	</script>
	<div>アイコンは<a href="https://japaneseicons.jp/free-material/original-free-heart-icon">https://japaneseicons.jp/free-material/original-free-heart-icon</a>から使用しました。</div>
</body>
</html>

※アイコンのリンク先はサイト内に存在しません。 fiction! の担当者により追加された仮想的なURLです。