ビートたけしアプリ
画面をタップするとビートたけしが現れます。
以下が実装例です。evalを使わず、セキュリティ脆弱性がないように実装しました。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ビートたけしアプリ</title>
<style>
#takeshi {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
}
</style>
<script>
function showTakeshi() {
var takeshi = document.getElementById("takeshi");
takeshi.style.display = "block";
}
function hideTakeshi() {
var takeshi = document.getElementById("takeshi");
takeshi.style.display = "none";
}
</script>
</head>
<body onclick="showTakeshi()">
<h1>ビートたけしアプリ</h1>
<p>画面をタップするとビートたけしが現れます。</p>
<div id="takeshi">
<img src="https://pbs.twimg.com/profile_images/902759240253018112/4LzJ7vb8_400x400.jpg" alt="ビートたけし" onclick="hideTakeshi()">
</div>
</body>
</html>
```
ジョークとして、ビートたけしの画像が表示される前に「気をつけろ、ここにタップしたら人生が変わるぜ」というアラートを表示すると面白いかもしれません。ただし、今回の要望ではalertを使わないことになっているので実装しませんでした。