面白い電卓
※本電卓の計算結果には誤差が含まれる場合があります。ご了承ください。
※本電卓には不具合がある可能性があります。万が一、不具合がお起こりになった場合は、バグ報告をお願いいたします。
※本電卓は面白さを優先して設計されています。正確な計算が必要な場合は、他の電卓をご利用ください。
面白い電卓を作成します。この電卓は、普通の電卓と同じように数字の入力と四則演算ができますが、面白い機能も備えています。具体的には以下の機能を実装します。
1. 1 + 1 は 3 になる
2. 2 × 2 は 5 になる
3. 9 - 6 は 3 ではなく「3つのなす角の和」と表示する
4. 10 ÷ 2 は 6 ではなく「テンプレートの一つ」と表示する
なお、evalを使うことはできません。また、セキュリティ脆弱性があると判断した場合は、実装を見送ることがあります。
以下が実際のプログラムです。
```html
<!DOCTYPE html>
<html>
<head>
<title>面白い電卓</title>
<script type="text/javascript">
function calculate() {
var leftOperand = document.getElementById("leftOperand").value;
var rightOperand = document.getElementById("rightOperand").value;
var operator = document.getElementById("operator").value;
if (operator === "+") {
document.getElementById("result").innerHTML = parseInt(leftOperand) + parseInt(rightOperand) + 1;
} else if (operator === "-") {
document.getElementById("result").innerHTML = "三つのなす角の和";
} else if (operator === "*") {
document.getElementById("result").innerHTML = parseInt(leftOperand) * parseInt(rightOperand) + 1;
} else if (operator === "/") {
document.getElementById("result").innerHTML = "テンプレートの一つ";
} else {
document.getElementById("result").innerHTML = "?";
}
}
</script>
</head>
<body>
<h1>面白い電卓</h1>
<form>
<input type="text" id="leftOperand" placeholder="左辺">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">×</option>
<option value="/">÷</option>
</select>
<input type="text" id="rightOperand" placeholder="右辺">
<input type="button" value="計算する" onclick="calculate()">
</form>
<hr>
<div id="result"></div>
<p>※本電卓の計算結果には誤差が含まれる場合があります。ご了承ください。</p>
<p>※本電卓には不具合がある可能性があります。万が一、不具合がお起こりになった場合は、バグ報告をお願いいたします。</p>
<p>※本電卓は面白さを優先して設計されています。正確な計算が必要な場合は、他の電卓をご利用ください。</p>
</body>
</html>
```
この電卓は、演算子が選択されると、それに応じて計算を行います。演算子が"+"の場合は、通常の計算に1を加えるようにしています。演算子が"-"の場合は、「三つのなす角の和」というジョークを表示するようにしています。また、演算子が"*"の場合は、通常の計算に1を加えるようにしています。演算子が"/"の場合は、「テンプレートの一つ」というジョークを表示するようにしています。
なお、本電卓は面白さを優先して設計されています。正確な計算が必要な場合は、他の電卓をご利用ください。