1

Нужно сделать так чтобы когда в корзине появлялся товар было написано "оформить заказ" , вместо "корзина пуста"

$(document).ready(function() {
  $('.header__menu a i').click(function() {
    $('.sub-menu').toggle()
  })

  //тут кол-во товара
  $('.add-tovar').click(function() {
    $("#tovar").text(parseInt($("#tovar").text()) + 1);
  })

  //тут должна прибавляться цена товара
  $('.add-tovar').click(function() {
    // Get total 
    var total = $('#cena').attr('data-total-price')
    // Set total converting it to number 
    total = +$(".cost", this).attr('data-price') + (+total)
    $('#cena').attr('data-total-price', total)
    //----------------------------------------------------------------
    // Set price veiw
    $("#cena").text('$' + total);

  })
  // тут нужно сделать так чтобы #kol(корзина пуста) становился hide или 
  //  display:none, а новый селектор с надписью "оформить заказ появлялся"
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bassket">
  <p>
    Товаров:<span id="tovar">0</span> Цена:
    <span id="cena" data-total-price="0">0</span>

  </p>

  <i class="fas fa-shopping-basket"></i>
  <span id="kol">корзина пуста</span>

</div>

1

2 ответа 2

2
$('.add-tovar').click(function() {
  var count = parseInt($("#tovar").text()) + 1;
  $("#tovar").text(count);
  $("#kol").text((count > 0)? "оформить заказ" : "корзина пуста");
});
1

$(document).ready(function() {
  $('.header__menu a i').click(function() {
    $('.sub-menu').toggle()
  })

  //тут кол-во товара
  $('.add-tovar').click(function() {
    $("#tovar").text(parseInt($("#tovar").text()) + 1);
  })

  //тут должна прибавляться цена товара
  $('.add-tovar').click(function() {
    // Get total 
    var total = $('#cena').attr('data-total-price')
    // Set total converting it to number 
    total = +$(".cost", this).attr('data-price') + (+total)
    $('#cena').attr('data-total-price', total)
    //----------------------------------------------------------------
    // Set price veiw
    $("#cena").text('$' + total);

    // тут нужно сделать так чтобы #kol(корзина пуста) становился hide или 
    //  display:none, а новый селектор с надписью "оформить заказ появлялся"
    // На добавление товара будет проверка 
    $('#kol').text((+$('#tovar').text()) > 0 ? 'оформить заказ' : 'корзина пуста');

  })

})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bassket">
  <p>
    Товаров:<span id="tovar">0</span> Цена:
    <span id="cena" data-total-price="0">0</span>

  </p>

  <i class="fas fa-shopping-basket"></i>
  <span id="kol">корзина пуста</span>

</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.