Как запретить отрицательные значения для суммы?

Question

[Екатерина]

Всем привет! Помогите, пожалуйста, в данный скрипт добавить параметр, чтобы сумма не уходила в минус, все мои варианты не сработали...
Скрипт:

let quantity = 1;
const price = $("#countprice").text();
								
const quantityElement = document.querySelector('#quantityitog');

const plusButtonElement = document.querySelector('#plustab');
const minusButtonElement = document.querySelector('#minustab');

const totalElement = document.querySelector('#totalprice');

const plusQuantity = () => {
	quantityElement.innerHTML = ++quantity;
		totalElement.innerHTML = Math.trunc((quantity * price) * 100) / 100;
	};
								
const minusQuantity = () => {
	quantityElement.innerHTML = --quantity;
		totalElement.innerHTML = Math.trunc((totalElement.innerHTML - price) * 100) / 100;
	};

plusButtonElement.addEventListener('click', plusQuantity)
minusButtonElement.addEventListener('click', minusQuantity)

Comments

[Everybody_Lies]

в minusQuantity первой строкой сделайте проверку, если значение равно нулю, то выход из функции (return);

Answer 1

[Сергей delphinpro]

Зачем же у вас html контент участвует в вычислениях? О разделении логики и представления слышали?

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

const quantityElement = document.querySelector('#quantityitog');
const plusButtonElement = document.querySelector('#plustab');
const minusButtonElement = document.querySelector('#minustab');
const totalElement = document.querySelector('#totalprice');
const priceElement = document.querySelector('#countprice');

let total = +totalElement.innerText;
let qty = +quantityElement.innerText;
let price = +priceElement.innerText;

function updateView(){
  totalElement.innerHTML = total;
}

function increment(){
  qty++;
  total = Math.trunc((qty * price) * 100) / 100;
  updateView();
}

function decrement(){
  qty--;
  total = Math.trunc((total - price) * 100) / 100;
  if (total < 0) total = 0;
  updateView();
}

plusButtonElement.addEventListener('click', increment)
minusButtonElement.addEventListener('click', decrement)

Comments

[Екатерина]

подобный код, конструкция которого верна со всех сторон, к сожалению не работает.
id="countprice"> выводится вот так <?= $arResult['MIN_PRICE']['DISCOUNT_VALUE'] ?>
id="totalprice" выводится так же и чтобы их вообще можно было прочитать получился мой скрипт.

Сами кнопки input выглядят вот так:

<a href="#" id="minustab"></a>
     <input type="text" id="quantityitog" value="<?= $arResult['CATALOG_MEASURE_RATIO'] ?>" data-minimum="<?= $arResult['CATALOG_MEASURE_RATIO'] ?>" data-maximum="9999" data-step="<?= $arResult['CATALOG_MEASURE_RATIO'] ?>" maxlength="4">
<a href="#" id="plustab"></a>

[Сергей delphinpro]

Екатерина, я вообще не поменял код, который считывает данные из html. Вы о чем?
Как было у вас quantityElement.innerHTML так у меня и осталось...