How to update a div element on button click?

Question

JavaScript

How to update a div element without reloading the page. When you click the add button. I know that this is implemented using Ajax, but I can’t figure out how exactly.

Answer 1

Можно использовать такую структуру:

Pjax::begin()
Form [data-pjax='']
Итого: Yii::$app->cart->getTotalSum();
Pjax::end()

Answer 2

Я знаю что это реализуется с помощью Ajax

No, this is implemented using js (jquery), ajax is also possible, but not required. As I understand it, you have all the data, there is a price, there is a quantity, why ajax? After all, you just need to multiply two numbers.

$('.someButton').on('click',function(){
   var price = $('.someInputeSelector').val();
   var count = $('.someInpute2Selector').val();
   var summ = price * count;
   $('.someSelector').text('Итого:' + summ + 'рублей');
});

Why ajax?