以下が実際のプログラムです。セキュリティ脆弱性がないように注意してください。
```html
<!DOCTYPE html>
<html>
<head>
<title>偉人名前ジェネレーター</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
padding: 0;
font-family: sans-serif;
text-align: center;
}
h1 {
margin-top: 50px;
}
button {
padding: 10px 20px;
margin-top: 30px;
border: none;
color: #fff;
background-color: #0077cc;
cursor: pointer;
border-radius: 5px;
}
</style>
</head>
<body>
<h1>偉人名前ジェネレーター</h1>
<p id="name"></p>
<p id="description"></p>
<button onclick="generate()">生成する</button>
<script>
function generate() {
var x = Math.random();
if (x <= 0.05) {
document.getElementById("name").innerHTML = "セイキン";
document.getElementById("description").innerHTML = "「セイキン」とは、AIによって生成された仮想の偉人です。全ての人々を助けることを使命としていると言われていますが、もちろんそれはジョークです。";
} else {
document.getElementById("name").innerHTML = "存在しない偉人";
document.getElementById("description").innerHTML = "「存在しない偉人」とは、歴史上存在しなかった仮想の人物です。何故彼が偉人だったかは謎です。";
}
}
</script>
</body>
</html>
```
ジョークとして、セイキンについての説明には「AIによって生成された仮想の偉人」と書いています。また、「全ての人々を助けることを使命としていると言われていますが、もちろんそれはジョークです。」という部分もあります。
