@losos_lapolosos

Как с помощью javascript прибавит к цифре в заголовке 100?

Добрый день! Задачка довольно простая, как мне кажется, но я никак не могу её решить. Мне нужно чтобы при нажатии на чекбокс, к цене в заголовке прибавлялось ещё 100 рублей.
Вот код:
<div class="price">
	<h2 id="price">2950₽</h2>
</div>


Вот код всех checkbox
<div class="checkOne">
						<label class="checkbox"><input type="checkbox" value="Стандарт" onclick='firs1()'>Стандарт</label>
					</div>
					<div class="checkOne">
						<label class="checkbox"><input type="checkbox" value="Стандарт" onclick='firs()'>Комфорт</label>
					</div>
					<div class="checkOne">
						<label class="checkbox"><input type="checkbox" value="Стандарт" onclick='firs2()'>Минивен (до 6 чел.)</label>
					</div>
					<div class="checkOne">
						<label class="checkbox"><input type="checkbox" value="Стандарт" onclick='firs3()'>Минивен (до 8 чел.)</label>
					</div>

<div class="checkTwo">
						<label class="checkbox">Без детского кресла<input type="checkbox" value="Стандарт"></label>
					</div>
					<div class="checkTwo">
						<label class="checkbox">1 кресло<input type="checkbox" value="Стандарт" onclick="plus1()"></label>
					</div>
					<div class="checkTwo">
						<label class="checkbox">2 кресла<input type="checkbox" value="Стандарт"></label>
					</div>
					<div class="checkTwo">
						<label class="checkbox">3 кресла<input type="checkbox" value="Стандарт"></label>


Вот код javascript:
var price = document.getElementById('price');

function firs() {
	price.innerHTML = '3450₽'
}

function firs1() {
	price.innerHTML = '2950₽'
}

function firs2() {
	price.innerHTML = '4950₽'
}

function firs3() {
	price.innerHTML = '5750₽'
}


Нужно чтобы при нажатии на checkbox с onclick="plus1()" он прибавлял 100 к текущей цене.
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 2
l3ftoverz
@l3ftoverz Куратор тега JavaScript
Туды сюды
конст элемент_с_цыной = кверисилектар(элемент)

Онклик по чекбоксу
 переменная прайс = парсеИнт(текущий_текст_кантет от элимент_с_цыной)
 элимент_с_циной.текст_кантент = прайс + 100


Если ты задаешь вопрос и хочешь ответ - задавай вопрос нормально, давая всё, что нужно для его решения, иначе будет получать ответы вроде такого.
Ответ написан
polyak-888
@polyak-888
Js, React.js, css, frontend
Описал ты конечно проблему кривовато))) Да и сама реализация кода то же не айс)), но если я правильно тебя понял то вот решение, может конечно чего-то и надо поправить:
function plus1(event) {
	var priceSum = parseInt(price.innerText)

	if(event.target.tagName === 'INPUT' && event.target.checked) {
		price.innerText = (priceSum + 100) + '₽'
	} else if(event.target.tagName === 'INPUT' && !event.target.checked) {
		price.innerText = (priceSum - 100) + '₽'
	}	
}


+ тут добавить event

<div class="checkTwo">
	<label class="checkbox">1 кресло<input type="checkbox" value="Стандарт" onclick="plus1(event)"></label>
</div>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Александрия Москва
от 200 000 до 250 000 руб.
Foodtronics Москва
от 100 000 до 200 000 руб.
Алгоритмика Москва
от 120 000 до 200 000 руб.
22 авг. 2019, в 11:45
1000 руб./за проект
22 авг. 2019, в 11:33
250000 руб./за проект
22 авг. 2019, в 11:09
600 руб./в час