<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>focusout</title>
</head>
<body>
<p><input type="text" placeholder="Ширина треугольника" id="width"></p>
<p><input type="text" placeholder="Длина треугольника" id="length"></p>
<p><input type="text" placeholder="Высота треугольника" id="height"></p>
<hr>
<button id="go">Вычислить</button><br>
<label>Площадь треугольника:<input type="text" id="area" disabled></label>
<script>
let width = document.querySelector("#width");
let length = document.querySelector("#length");
let height = document.querySelector("#height");
let area = document.querySelector("#area");
go.addEventListener('click', function() {
let impossible = [+width.value, +length.value, +height.value];
let max = Math.max(...impossible);
impossible = impossible.reduce((a, b) => a + b) - 2 * max;
if (impossible < 0) {
alert("такого треугольника не существует");
return;
};
if (!impossible) {
alert("это скорее отрезок или вырожденный треугольник");
area.value = 0;
return;
}
let halfPerimetr = (+width.value + +length.value + +height.value) / 2;
area.value = Math.sqrt(halfPerimetr * (halfPerimetr - width.value) * (halfPerimetr - length.value) * (halfPerimetr - height.value));
})
</script>
</body>
</html>