以下がサイコロを振るアプリの実装例です。入力フォームに個数を入力し、ボタンを押すと、指定された個数だけサイコロを振り、結果を表示する機能を持ちます。
```html
<!DOCTYPE html>
<html>
<head>
<title>サイコロを振るアプリ</title>
<meta charset="UTF-8">
</head>
<body>
<h1>サイコロを振るアプリ</h1>
<form>
<label for="number">サイコロの個数：</label>
<input type="number" id="number" name="number" min="1" value="1">
<button type="button" id="rollButton">サイコロを振る</button>
</form>
<div id="result"></div>
<script>
// ボタンクリック時の処理
document.querySelector("#rollButton").addEventListener("click", function () {
// 入力値取得
var number = document.querySelector("#number").value;
// 入力値バリデーション
if (!Number.isInteger(Number(number)) || number <= 0) {
alert("有効な値を入力してください");
return;
}
// 結果表示エリアの初期化
document.querySelector("#result").innerHTML = "";
// サイコロを振って結果表示
for (var i = 0; i < number; i++) {
var result = Math.floor(Math.random() * 6) + 1;
document.querySelector("#result").innerHTML += "<p>サイコロ" + (i + 1) + "の結果：" + result + "</p>";
}
});
</script>
</body>
</html>
```
ジョークとしては、サイコロを振って出た目が1だった場合、「おめでとう、ファンブルです」と表示するなどが考えられます。
