Сложить, разделить на 2, вычитать среднее значение в HTML

Question

Сложить, разделить на 2, вычитать среднее значение в HTML

Mister X Мыслитель (5477), на голосовании 1 месяц назад

Доброго времени суток.
Допустим есть веб страничка, как бы. Для создания неких шаблонов для заполнения типа конструктора. Но нет возможности внедрить автоматический подсчет введенных данных.

Ситуация такая, могу расположить поля для ввода данных и поля для вывода их средних значений (суммы), нет возможности расчитать все в режиме реального времени. Но есть возможность редактирования HTML кода.

Нужна формула или функция для расчета следующих функций.
1 среднее значение (допустим около 20 -25 полей ввода)
2 общая сумма (допустим около 20 -25 полей ввода)
3 разделить на два среднее значение или общую сумму

Answer 1

Пример HTML с JavaScript:

 <!DOCTYPE html> 
<html lang="ru"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Калькулятор</title> 
    <script> 
        function calculate() { 
            const inputs = document.querySelectorAll('.input-field'); 
            let sum = 0; 
            let count = 0; 
 
            inputs.forEach(input => { 
                const value = parseFloat(input.value); 
                if (!isNaN(value)) { 
                    sum += value; 
                    count++; 
                } 
            }); 
 
            const average = count > 0 ? sum / count : 0; 
            const halfAverage = average / 2; 
            const halfSum = sum / 2; 
 
            document.getElementById('sum').innerText = 'Сумма: ' + sum; 
            document.getElementById('average').innerText = 'Среднее: ' + average; 
            document.getElementById('halfAverage').innerText = 'Половина среднего: ' + halfAverage; 
            document.getElementById('halfSum').innerText = 'Половина суммы: ' + halfSum; 
        } 
    </script> 
</head> 
<body> 
    <h1>Калькулятор значений</h1> 
    <div> 
        <input type="text" class="input-field" oninput="calculate()"> 
        <input type="text" class="input-field" oninput="calculate()"> 
        <input type="text" class="input-field" oninput="calculate()"> 
        <!-- Добавьте дополнительные поля ввода по мере необходимости --> 
    </div> 
    <div> 
        <p id="sum">Сумма: 0</p> 
        <p id="average">Среднее: 0</p> 
        <p id="halfAverage">Половина среднего: 0</p> 
        <p id="halfSum">Половина суммы: 0</p> 
    </div> 
</body> 
</html>

Answer 2

HTML не является языком программирования. Эта задача решается с помощью javascript