Форум

javascript888 · #1 (**permalink**) 30.06.2021, 17:05

Сделайте калькулятор, который будет находить площадь треугольника по трем сторонам.
КАк Сделайте калькулятор, который будет находить площадь треугольника по трем сторонам.

<!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>
<p><input type="text" id="area" disabled>Площадь треугольника:</p>

<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 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>

javascript888 · #2 (**permalink**) 30.06.2021, 17:42

не работет

Alexandroppolus · #3 (**permalink**) 30.06.2021, 21:40

Цитата:

Ширина треугольника
Длина треугольника
Высота треугольника

javascript888 · #4 (**permalink**) 01.07.2021, 08:12

а все работает. Писало нан

ksa · #5 (**permalink**) 01.07.2021, 13:02

Сообщение от javascript888

Ширина треугольника
Длина треугольника

- Как найти площадь Ленина?
- Нужно высоту Ленина умножить на ширину Ленина.

Irek · #6 (**permalink**) 21.10.2022, 10:47

Сообщение от Rise

javascript888, всё работает, ты что дурной?

смотря какие данные ввести. Если вводим 3, 4, 5, то да, все работает,
А если допустим вводим 7, 3, 3 - то уже NaN.
Так что код надо доработать.

ksa · #7 (**permalink**) 21.10.2022, 11:40

Сообщение от javascript888

находить площадь треугольника по трем сторонам

Сообщение от Irek

А если допустим вводим 7, 3, 3

Это уже не треугольник.

рони · #8 (**permalink**) 21.10.2022, 11:57

<!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>

Форум

Справочник

Discord чат

Курсы javascript