Как можно реализовать такой калькулятор?

Question

chill boy @cchillboyy

Я заварен, как лапша

Как можно реализовать такой калькулятор?

Допустим есть input с type="chekbox", нужно сделать так, чтобы при отметке чекбокса к начальному числу(например 0) добавлялось нужное число(например 3000)

Вопрос задан более трёх лет назад
142 просмотра

3 комментария

Подписаться 1 Простой 3 комментария

Moskus @Moskus

Вы умеете программировать на JavaScript? Если нет, то это задание, а не вопрос.

Написано более трёх лет назад
Владимир @Casufi

Очень похоже на то, что вам на фрилансим, если хотите готовую реализацию.
Ну а более длинный путь https://learn.javascript.ru/

Написано более трёх лет назад

DanKud @DanKud

HTML:

<span class="number">0</span>
<label><input class="checkbox" type="checkbox">чекбокс</label>

JS:

document.querySelector('.checkbox').addEventListener('click', function() {
    document.querySelector('.number').innerText = (this.checked) ? '3000' : '0';
});

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- 4 часа назад
- 47 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- 5 часов назад
- 31 просмотр
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 5 часов назад
- 16 просмотров
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- 6 часов назад
- 22 просмотра
1

ответ
HTML

+1 ещё

Средний
Как поместить картинку рядом с текстом?
- 1 подписчик
- 9 часов назад
- 55 просмотров
1

ответ
JavaScript

Простой
Как после сабмита очистить поле type="tel" и показать очищенную маску?
- 1 подписчик
- 10 часов назад
- 49 просмотров
0

ответов
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- 13 часов назад
- 65 просмотров
3

ответа
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- 17 часов назад
- 488 просмотров
2

ответа
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- вчера
- 1842 просмотра
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- вчера
- 61 просмотр
2

ответа
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Исправление ошибок в работе вебсайта / Доработка интернет-магазина

24 апр. 2024, в 02:51

50000 руб./за проект

Анимация логотипа

24 апр. 2024, в 00:08

20000 руб./за проект

Разработка дизайна раздела «Статьи» на сайте «Мир отходов»

23 апр. 2024, в 23:01

10000 руб./за проект

Вы умеете программировать на JavaScript? Если нет, то это задание, а не вопрос.
Очень похоже на то, что вам на фрилансим, если хотите готовую реализацию.
Ну а более длинный путь https://learn.javascript.ru/
HTML:
<span class="number">0</span> <label><input class="checkbox" type="checkbox">чекбокс</label>

JS:
document.querySelector('.checkbox').addEventListener('click', function() { document.querySelector('.number').innerText = (this.checked) ? '3000' : '0'; });

Answer 1 · 2019-05-04 01:19:41

Как можно реализовать такой калькулятор?

с помощью javascript (я перепроверил на всякий случай - с помощью javascript)

Как можно реализовать такой калькулятор?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт