Добрый день, уважаемые участники сообщества. Помогите, пожалуйста, новичку JS, но опытному верстальщику, решить проблему.
Суть: есть 4 (n) чекбокса input[checkbox], которые активируют поля для ввода input[text]. В поля для ввода вносится число от 0 до 100 (проверка проходит отдельно, для решения вопроса не требуется).
Необходимо: сосчитать количество активных чекбоксов из n доступных, сосчитать сумму чисел активных полей для ввода, высчитать среднее арифметическое и вывести в отдельную переменную.
Кроме того, хотелось бы реализацию без кнопок и перезагрузки страницы, чтобы среднее арифметическое обновлялось при каждом изменении полей для ввода.
<ul>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
<li><input type="checkbox" /><input type="text" maxlength="3"/></li>
</ul>