Скрипт калькулятора расчета с вводом числовых значений в поля input и подсчетом результата

Скрипт калькулятора расчета с вводом числовых значений в поля input и подсчетом результата

Скрипт калькулятора расчета с возможностью ввода числовых значений в поля input и подсчетом итогового результата по заданной формуле.

Калькулятор состоит из нескольких числовых полей ввода и кнопки «Рассчитать». Вводимыми значениями, могут быть как целые, так и дробные числа. Шаг изменения числа, тип числа, максимально и минимально допустимые значения задаются для каждого поля индивидуально. Единицами ввода и расчета, могут быть различные величины. Например, можно вводить: длину, ширину, высоту, вес, расстояние, количество, площадь, объем и т.д.

В зависимости от назначения калькулятора и вводимых значений, задается соответствующая формула расчета. Расчет выполняется при нажатии кнопки «Рассчитать». Результат расчета выводится в поле «Итого». В поле «Введенные значения» выводятся все введенные значения в полях ввода. В данном примере, все введенные значения складываются.

Настройки калькулятора input number

<input type='number' value='1' min='0' step='0.1' id='inp6'>
где,
type='number' - означает, что этот input является полем ввода числа.
value='1' – значение, которое будет выведено по умолчанию в этом поле при загрузке калькулятора.
min='0' - минимально допустимое значение в этом поле.
step='0.1' - шаг прироста или уменьшеия числа, при задании числа с помощью стрелок.
id='inp6' - id этого поля.

Формула расчета калькулятора input number

sum = val1 + val2 + val3 + val4 + val5 + val6;
где,
sum – результат расчета.
val1 … val6 – значения из полей ввода input number.

Установка калькулятора input number

Вставить калькулятор в html код страницы, в том месте, где необходимо вывести калькулятор.

Требования для работы калькулятора input number

Браузер, javascript

Редактирование калькулятора input number

Обладая базовыми знаниями html и javascript, можно изменять функционал калькулятора, самостоятельно добавлять или удалять пункты по аналогии с уже имеющимися.

Скачать Скрипт калькулятора расчета с вводом числовых значений в поля input и подсчетом результата


Гарантии и Лицензия

Примечание:Скрипт рекомендуется использовать, для самостоятельного изучения его кода и как основу для дальнейшей его доработки и модификации. При коммерческом использовании скрипта, дополнительно проверяйте и тестируйте его работу.