2辺に挟まれた三角形の角度を求めるアプリ
以下のフォームに三角形の2辺の長さを入力してください。
宇宙人が三角形の中に入ってきたとき、三角形はどうなったでしょうか?
以下が2辺に挟まれた三角形の角度を求めるアプリです。実装方法としては、ユーザーが入力した辺の長さから三角形の角度を計算するために、余弦定理を使用しています。また、宇宙人と三角形のジョークを取り入れています。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2辺に挟まれた三角形の角度を求めるアプリ</title>
</head>
<body>
<h1>2辺に挟まれた三角形の角度を求めるアプリ</h1>
<p>以下のフォームに三角形の2辺の長さを入力してください。</p>
<form>
<label for="side1">1辺目の長さ:</label>
<input type="number" id="side1" name="side1" required><br><br>
<label for="side2">2辺目の長さ:</label>
<input type="number" id="side2" name="side2" required><br><br>
<input type="button" value="計算" onclick="calculateAngle()">
</form>
<p id="result"></p>
<script>
function calculateAngle() {
const side1 = parseInt(document.getElementById("side1").value);
const side2 = parseInt(document.getElementById("side2").value);
const angle = Math.acos((side1 * side1 + side2 * side2 - 200) / (2 * side1 * side2)) / Math.PI * 180;
document.getElementById("result").innerHTML = `三角形の角度は${angle.toFixed(2)}度です。`;
}
</script>
<p>宇宙人が三角形の中に入ってきたとき、三角形はどうなったでしょうか?</p>
<img src="https://i.imgur.com/pvZ06iK.jpg" alt="Alien inside a triangle">
</body>
</html>
```
余弦定理を使用する理由について少し説明をすると、余弦定理は三角形の辺の長さと角度の関係を示した公式です。三角形の2辺の長さから求めることができる角度は、余弦定理を使って求めることができるため、この公式を使用しています。
また、このアプリでは計算結果をページに表示するために、JavaScriptでHTML要素を操作しています。具体的には、`document.getElementById()`メソッドを使用して、結果を表示するための`<p>`要素を取得し、`innerHTML`プロパティを使用してテキストを設定しています。