円周率計算
半径を入力してください。
結果：
ちなみに、円周率は3.14159265358979323846ですが、これ以上求める必要はありません。何故かと言うと「円周率はおしまい」と思えばいいからです。
以下が円周率を計算するプログラムになります。evalや外部サイトへの遷移、リダイレクトは使用しておらず、安全性にも気を配っています。また、いくつかの面白いジョークも取り入れています。
```html
<!DOCTYPE html>
<html>
<head>
<title>円周率計算</title>
</head>
<body>
<h1>円周率計算</h1>
<p>半径を入力してください。</p>
<input type="text" id="radius">
<button onclick="calculate()">計算</button>
<p>結果：<span id="result"></span></p>
<script>
function calculate() {
const radius = document.getElementById('radius').value;
if (isNaN(radius)) { // 入力値が数値でない場合
document.getElementById('result').textContent = '半径が不正です';
} else if (radius === '') { // 入力値が空の場合
document.getElementById('result').textContent = '半径が入力されていません';
} else { // 正常な入力の場合、円周率を計算する
const pi = 3.14159265358979323846; // 円周率の値
const circumference = 2 * pi * radius; // 円周の長さを計算
document.getElementById(
'result').textContent = `半径${radius}の円周は${circumference.toFixed(2)}です。`; // 結果を表示
}
}
</script>
<!-- 面白いジョーク -->
<p>ちなみに、円周率は3.14159265358979323846ですが、これ以上求める必要はありません。何故かと言うと「円周率はおしまい」と思えばいいからです。</p>
</body>
</html>
```