Скрипт калькулятора с вводом чисел в поля input #9
Содержимое: p0009 Калькулятор input number.zip (2.12 KB )
Загружен: 29.11.2016
Положительные отзывы: 0
Отрицательные отзывы: 0
Продано: 3
Возвраты: 0
Продавец: Mobile-island
99 ₽
Описание товара
- Скрипт калькулятора расчета с возможностью ввода числовых значений в поля 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, можно изменять функционал калькулятора, самостоятельно добавлять или удалять пункты по аналогии с уже имеющимися.
Дополнительная информация
- ========== Гарантии и Лицензия (Warranty and License)
- http://www.mobile-island.narod.ru/license.html