Как сложить c числом из input в html с числом в javascript?

@Basil441 · Регистрация: 03.11.2017

Студворк — интернет-сервис помощи студентам

Здравствуйте. Возможно ли сложить 2 числа - одно введённое в input'е, другое - записанное в JS (смотрите скрины)

@Egor.S · 11.11.2017, 16:58

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

Возможно ли сложить 2 числа

Возможно))

@Basil441 · 11.11.2017, 17:09 **[ТС]**

А как?

@evikza · 11.11.2017, 18:05

Basil441, еще бы хотелось узнать — какую переменную вы собираетесь получать из input и с чем её складывать.

Вот простой пример, получаем значение из value и умножаем на число 4 => выводим результат.

HTML5
1
2
<input type="number" size="3" name="num" oninput="resultPrice(this.value);">
<div id="result"></div>

JavaScript
1
2
3
function resultPrice(el) {
    result.textContent = el * 4;
}

JavaScript
1
2
3
4
// для сложения — приведем el в число
result.textContent = parseInt(el) + 4; 
// ... или
result.textContent = +el + 4;

Демонстрация

@Basil441 · 11.11.2017, 19:16 **[ТС]**

Введённок пользователем число с числом, например 45 в price (в каждом price буду складывать)

@evikza · 11.11.2017, 20:08

Basil441, только я не могу понять, что это у вас за сравнения происходят в условии? Этот скрипт будет менять цену в зависимости от количества товара? То есть, чем больше заказ, тем меньше цена?

Смею предположить, что это должно выглядеть вот так (price можно менять тернарным выражение):

HTML5
1
2
<input type="number" size="3" name="num" oninput="resultPrice(this.value);">
<div id="result"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
function resultPrice(el) {
    var price =
        el >= 1 && el <= 5 // если больше 1 и больше/равно 5
            ? "135"
            : el > 5 && el <= 10 // если больше 5 и больше/равно 10
                ? "90"
                : el > 10 ? "40" : "0"; // если больше 10 || если не соответствует условиям = 0
 
    result.textContent = `${el * price}. За ед. товара: ${price}`;
}

Демонстрация

@Basil441 · 11.11.2017, 20:16 **[ТС]**

Вот смотрите, цена товара зависит от выбранных параметров, их два. На скрине - наценка за выбранные параметры. Если, например, выбраны параметр 1 и 2, то наценка 45. И к этой наценке мне нужно прибавить количество, введённое пользователем, умноженное на 12. Например, пользователь выбирает параметр 1 и 5 и вводит количество 11. В итоге он получает сумму заказа = 312 (180 + 11*12)

@Basil441 · 11.11.2017, 20:17 **[ТС]**

evikza, вот это нужно реализовать

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Basil441 0 / 0 / 0 Регистрация: 03.11.2017 Сообщений: 12

	Как сложить c числом из input в html с числом в javascript? 11.11.2017, 16:56. Показов 5217. Ответов 7 Метки нет (Все метки) Здравствуйте. Возможно ли сложить 2 числа - одно введённое в input'е, другое - записанное в JS (смотрите скрины) Миниатюры 0

@Basil441 0 / 0 / 0 Регистрация: 03.11.2017 Сообщений: 12
	11.11.2017, 17:09 [ТС]
	А как? 0

@Basil441 0 / 0 / 0 Регистрация: 03.11.2017 Сообщений: 12
	11.11.2017, 19:16 [ТС]
	Введённок пользователем число с числом, например 45 в price (в каждом price буду складывать) 0

@Basil441 0 / 0 / 0 Регистрация: 03.11.2017 Сообщений: 12
	11.11.2017, 20:16 [ТС]
	Вот смотрите, цена товара зависит от выбранных параметров, их два. На скрине - наценка за выбранные параметры. Если, например, выбраны параметр 1 и 2, то наценка 45. И к этой наценке мне нужно прибавить количество, введённое пользователем, умноженное на 12. Например, пользователь выбирает параметр 1 и 5 и вводит количество 11. В итоге он получает сумму заказа = 312 (180 + 11*12) Миниатюры 0

@Basil441 0 / 0 / 0 Регистрация: 03.11.2017 Сообщений: 12
	11.11.2017, 20:17 [ТС]
	evikza, вот это нужно реализовать 0

Как сложить c числом из input в html с числом в javascript?

Решение