アニメキャラクタージェネレーター

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>アニメキャラクタージェネレーター</title>
</head>
<body>
	<h1>アニメキャラクタージェネレーター</h1>
	<p>ボタンを押すと実在するアニメキャラクターの名前と説明、セリフがランダムに生成されます。ただし、5%の確率でセリフが「バキバキDTです。」になります。</p>
	<button onclick="generateCharacter()">キャラクターを生成する</button>
	<div id="result"></div>
	<script>
		function generateCharacter(){
			var characters = [
				{
					name: "ルフィ",
					description: "『ONE PIECE』の主人公。海賊王を目指している青年で、橡胶ゴムの能力者。",
					quotes: [
						"俺が海賊王だ！！",
						"冒険して、楽しんで、泣いて、怒って、笑って、夢を追う！！",
						"オレが、オレたちが、何か始めちゃったんだ！",
					]
				},
				{
					name: "鳴上 嵐",
					description: "『少女☆歌劇 レヴュースタァライト』の主人公。少女劇団「帝劇学園」のメンバー。",
					quotes: [
						"私は鳴上嵐、星組のトップ娘役！",
						"帝劇学園の舞台はファンタジー。私達はそのファンタジーを現実のものにする！",
						"私達の舞台は、夢を与える物語。そしてそれは真実の物語です。",
					]
				},
				{
					name: "綾小路 翔",
					description: "『スタミュ』の主人公。音楽学校「Ayanagi寮」の生徒。",
					quotes: [
						"僕は、フェアリーテイル！",
						"音楽にはすべての答えがあるんだ。",
						"僕は、音楽に命を懸ける男さ。",
					]
				}
			];

			var random = Math.random();
			if(random <= 0.05){
				var name = "謎のキャラクター";
				var description = "このキャラクターの情報は不明";
				var quotes = "バキバキDTです。";
			}else{
				var selectedCharacter = characters[Math.floor(Math.random()*characters.length)];
				var name = selectedCharacter.name;
				var description = selectedCharacter.description;
				var quotes = selectedCharacter.quotes[Math.floor(Math.random()*selectedCharacter.quotes.length)];
			}

			var resultElement = document.getElementById("result");
			resultElement.innerHTML = "<h2>キャラクター情報</h2>" +
									  "<p>名前：" + name + "</p>" +
									  "<p>説明：" + description + "</p>" +
									  "<p>セリフ：" + quotes + "</p>";
		}
	</script>
</body>
</html>