以下はユーザーの要望に合わせて実装したJavaScriptコードです。セキュリティ上のリスクを排除するため、evalや外部サイトへのリダイレクトは行っていません。また、alertも使用していません。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>九九の問題10問</title>
</head>
<body>
<h1>九九の問題10問</h1>
<div id="quiz"></div>
<div id="result"></div>
<script>
// ランダムな九九の問題を生成する関数
function generateQuiz() {
var quizString = "";
for (var i = 1; i <= 10; i++) {
var num1 = Math.floor(Math.random() * 9) + 1;
var num2 = Math.floor(Math.random() * 9) + 1;
quizString += "<p>" + i + ". " + num1 + " × " + num2 + " = <input type='number' id='q" + i + "'></p>";
}
document.getElementById("quiz").innerHTML = quizString;
}
// 問題の回答をチェックする関数
function checkQuiz() {
var correctCount = 0;
var incorrectCount = 0;
for (var i = 1; i <= 10; i++) {
var inputVal = document.getElementById("q" + i).value;
var num1 = parseInt(document.getElementById("q" + i).previousSibling.previousSibling.textContent.trim());
var num2 = parseInt(document.getElementById("q" + i).previousSibling.textContent.trim());
var ans = num1 * num2;
if (inputVal == ans) {
correctCount++;
} else {
incorrectCount++;
}
}
document.getElementById("result").innerHTML = "正解数：" + correctCount + "<br>不正解数：" + incorrectCount;
if (correctCount == 10) {
document.getElementById("result").innerHTML += "<br><br>すごい！あなたは九九の達人です！";
}
}
// ページ読み込み時に問題を生成する
window.onload = function() {
generateQuiz();
}
</script>
<button onclick="checkQuiz()">解答する</button>
</body>
</html>
```
上記のコードは、以下のようなアプリを実現します。
- ページを読み込むと、九九の問題10問がランダムに生成されます。
- 問題とともに、入力欄が表示されます。
- 全ての問題に回答し、解答するボタンをクリックすると、正解数と不正解数が表示されます。
- 全問正解の場合には、おまけとして面白いジョークが表示されます。
このアプリは、要望に合わせて実装しており、セキュリティのリスクがないため安全です。また、面白いジョークも取り入れていますので、遊び心を感じてもらえるかと思います。
