放浪者の名前いじりするゲーム

あなたは放浪者を拾った。彼の名前を変えてあげよう！

現在の名前は「放浪者」です。

このゲームは、放浪者の名前をランダムな名前と絵文字でいじることができます。ボタンをクリックするたびに、新しい名前とランダムな絵文字が表示されます。スマホでも簡単に操作できるように、ボタンは大きめに、絵文字を多めに使っています。また、ゲームの概要も簡単に説明しています。

←

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">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>放浪者の名前いじりするゲーム</title>
	<style>
		body {
			background-color: #eee;
			font-family: Arial, sans-serif;
		}
		h1, h2, p, button {
			margin: 10px;
			padding: 10px;
		}
		p {
			font-size: 1.2em;
		}
		button {
			font-size: 1.5em;
			background-color: #ffcc00;
			border: none;
			color: #fff;
			border-radius: 5px;
			cursor: pointer;
		}
		button:hover {
			background-color: #ff9900;
		}
		#game {
			margin: 0 auto;
			text-align: center;
			max-width: 500px;
		}
	</style>
</head>
<body>
	<div id="game">
		<h1>放浪者の名前いじりするゲーム</h1>
		<p>あなたは放浪者を拾った。彼の名前を変えてあげよう！</p>
		<p>現在の名前は「<span id="name">放浪者</span>」です。</p>
		<button id="button">名前をいじる</button>
	</div>

const button = document.getElementById("button");
		const nameElement = document.getElementById("name");

button.addEventListener("click", () => {
			const newName = generateNewName();
			nameElement.textContent = newName;
		});

function generateNewName() {
			const randomIndex = Math.floor(Math.random() * names.length);
			const newName = names[randomIndex];
			const randomEmoji = getRandomEmoji();
			return newName + randomEmoji;
		}

function getRandomEmoji() {
			const emojis = [
				"😀", "😂", "😜", "🤔", "😎", "🤠",
				"🎉", "🎁", "🤖", "💩", "👻", "🦄"
			];
			const randomIndex = Math.floor(Math.random() * emojis.length);
			const randomEmoji = emojis[randomIndex];
			return randomEmoji;
		}
	</script>
</body>
</html>