以下は、JavaScriptを使った簡易的な計算機で、計算結果をテキストボックスに表示し、計算履歴をCSVに出力する機能を備えたものです。
```html
<!DOCTYPE html>
<html>
<head>
<title>簡易計算機</title>
<script>
function calculate() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var operator = document.getElementById("operator").value;
var result;
if (operator == "+") {
result = num1 + num2;
} else if (operator == "-") {
result = num1 - num2;
} else if (operator == "*") {
result = num1 * num2;
} else if (operator == "/") {
result = num1 / num2;
} else {
result = "Invalid operator";
}
// テキストボックスに結果を表示
document.getElementById("result").value = result;
// CSVフォーマットの文字列に変換
var csv = num1 + "," + operator + "," + num2 + "," + result + "\n";
// CSVファイルに追加
var downloadLink = document.getElementById("downloadLink");
downloadLink.href = "data:text/csv;charset=utf-8," + encodeURIComponent(csv);
downloadLink.download = "calculation_history.csv";
}
</script>
</head>
<body>
<h1>簡易計算機</h1>
<label>数値1 <input id="num1" type="number" step="0.01" required></label><br>
<label>演算子 <input id="operator" type="text" pattern="[+,-,*,/]" required></label><br>
<label>数値2 <input id="num2" type="number" step="0.01" required></label><br>
<button onclick="calculate();">計算</button><br><br>
<label>結果 <input id="result" type="text" readonly></label><br>
<a id="downloadLink" href="#">計算履歴をダウンロード</a>
</body>
</html>
```
この計算機では、`eval`関数や他のサイトへの遷移、リダイレクトは使用せず、CSVの出力先も明示的に指定しています。また、ジョークを取り入れるとしたら、計算結果がナンバー・ザ・スターリングバーガーの値段に届かなかった場合に、「お金が足りんっ!!」とポップアップするようにするなど、アニメの世界観にちなんだユーモアを入れるのも面白いかもしれません。
