Неправильно умножает калькулятор

[Sanny333]

Подскажите



Формула калькулятора = умножение цены на количество.

Но при нажатии на увеличение начинает считать только со второго значения например выбрано 2 штуки по 70 он выдает = 70, выбрано 3 по 70 он выдает 140



хотя в самом скрипте все отображается корректно при дебаггере. В чем может быть причина?



https://xn--23-6kca7ahoms.xn--p1ai/sale/rose-a09.htm



код калькулятора

$(document).ready(function(){
$(".price-new span.number99").clone()
.css({'font-size':'16px','font-weight':'400','color':'#787a88'})
.appendTo("#price2"); 
});				

$(document).ready(function() {
$('.counter-plus').click(function () {
var tariff = $(".price-new span.number99").text(); 
var quantity = $('#kolvo').val();
var sum = tariff * quantity;
$('#price2').html(sum);	

})
				  
});	
  $(document).ready(function() {
$('.counter-minus').click(function () {
 var tariff = $(".price-new span.number99").text(); 
var quantity = $('#kolvo').val();
var sum = tariff * quantity;
$('#price2').html(sum);					
 })			 
});

[Nexus]

Форматтер js: https://beautifier.io/

В чем может быть причина?

Если элементы .counter-plus и .counter-minus - кнопочки «+» и «-» для изменения кол-ва товаров в корзине/ну, то у вас, уверен, сначала отрабатывают обработчики подсчета стоимости и только потом изменяется кол-во.

Ваш код можно сократить:

$(document).ready(function() {
    $(".price-new span.number99")
        .clone()
        .css({
            'font-size': '16px',
            'font-weight': '400',
            'color': '#787a88'
        })
        .appendTo("#price2");

    $('.counter-plus, .counter-minus').click(function() {
        var tariff = $(".price-new span.number99").text();
        var quantity = $('#kolvo').val();
        var sum = tariff * quantity;
        $('#price2').html(sum);
    })
});