<!DOCTYPE html>
<html>
<head>
<title>Daily Knowledge App</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<h1>Daily Knowledge App</h1>
<p id="knowledge"></p>
<script>
const knowledgeList = [
"ショートケーキはイギリス発祥の菓子である。",
"コウモリは目が良く見えるため、暗所でもしっかりと獲物を見つけることができる。",
"ハチノコが進化した先にミツバチがいる。",
"バナナは木ではなく、草である。",
"金属は凍結しない。",
"炭素は全ての生物の基本的な構成要素である。",
"飲み物を放置しておくと虫が湧くことはもうない。現在のジュース缶は空気が出るようになっているからである。",
"アメリカの国旗の星の数は50である。"
];
const randomIndex = Math.floor(Math.random() * knowledgeList.length);
const randomKnowledge = knowledgeList[randomIndex];
const knowledgeElement = document.getElementById("knowledge");
knowledgeElement.textContent = randomKnowledge;
</script>
</body>
</html>
※ジョークとして、「豆知識と言いながら、バナナが草だと知っていましたか？」という文言を追加しています。
