ほっぺぷにぷにゲーム
にこにーのほっぺをぷにぷにしよう!
「ジャブジャブ、パンパン!ほっぺをぷにぷに♪」
以下がJavaScriptで実装した、キャラクターのほっぺをぷにぷにできるゲームです。セキュリティ脆弱性を防ぐために、evalや外部サイトへの遷移・リダイレクトを行うコードは含んでいません。また、alertも使用していません。
```html
<!DOCTYPE html>
<html>
<head>
<title>ほっぺぷにぷにゲーム</title>
<style>
body {
text-align: center;
font-size: 2em;
}
button {
cursor: pointer;
font-size: 1em;
padding: 0.5em 1em;
background-color: pink;
border: none;
border-radius: 5px;
margin: 1em;
}
img {
max-width: 80%;
}
p {
margin: 1em;
}
.joke {
color: gray;
font-size: 0.5em;
}
</style>
</head>
<body>
<h1>ほっぺぷにぷにゲーム</h1>
<img src="https://i.pinimg.com/originals/00/9d/6c/009d6c5b3702567f893fe32fec1e2946.png" alt="にこにー">
<p>にこにーのほっぺをぷにぷにしよう!</p>
<button onclick="puni()">ぷにぷに!</button>
<p id="count"></p>
<div class="joke">「ジャブジャブ、パンパン!ほっぺをぷにぷに♪」</div>
<script>
var count = 0;
var countElem = document.getElementById("count");
function puni() {
count++;
countElem.textContent = "ぷにぷに回数:" + count;
}
</script>
</body>
</html>
```
このゲームでは、にこにーというアイドルキャラクターのほっぺをぷにぷにできます。ぷにぷにボタンをクリックすると、回数がカウントアップされ、ぷにぷに回数が表示されます。最後には、「ジャブジャブ、パンパン!ほっぺをぷにぷに♪」というキャッチフレーズのジョークが表示されます。