Подсчет нажатия кнопки и сохранение параметра в свойство элемента Битрикс?

Question

[Евгения Симонова]

В карточке элемента инфоблока есть кнопка, при нажатии на нее необходимо вести подсчет, этих нажатий.
Решила реализовать следующим образом: создать свойство у инфоблока, куда будет фиксироваться количество нажатий. При клике, вызывается функция, которая прибавляет один к этому свойству. Только как это свойство в скрипте изменить и тут же обновить этот параметр на странице элемента?
Прошу поделиться идеями, опытом.

Comments

[Ярослав Александров]

На javascript написать функцию с использованием ajax режима

[director-rentv]

Если я правильно понимаю, то задача по сути реализовать счётчик кликов просто на клиенте?

В таком случае достаточно просто заменять контент в элементе, в котором вы значение этого счётчика собираетесь выводить.

К примеру, у вас есть примерно такая разметка:

<div>
  <p>Кликов: <span id="clicks-count">0</span></p>
  <button id="increment-clicks-button">+1</button>
</div>

И, соответственно, для неё скрипт будет примерно таким

const clicksCountSpan = document.getElementById('clicks-count'); // получаем элементы DOM - span, в который будет выводиться число
const incrementClicksButton = document.getElementById('increment-clicks-button'); // и кнопку, по которой нужно кликать
let clicksCount = 0

function onIncrementButtonClick () {
  clicksCount += 1; // инкрементируем счётчик
  clicksCountSpan.innerHTML = clicksCount; // этой строчкой заменяем контент внутри span на актуальное значение
}

incrementClicksButton?.addEventListener('click', onIncrementButtonClick) // подписываем обработчик на событие click по кнопке

[Евгения Симонова]

Ярослав Александров, а есть пример?

[Евгения Симонова]

director-rentv, да, это позволит обновить информацию на странице, но в самом элементе нужно еще сохранить новое значение.

[Ярослав Александров]

Евгения Симонова, готовых примеров нет, тут нужно своё писать.
Тут посмотрите https://codething.ru/ajax.php Пример 3. Отправка данных на сервер в фоновом режиме и получение контента
В файле обработчике, который у вас будет в ajax режиме работать, там вам нужно будет на АПИ битрикс написать обновление элемента https://dev.1c-bitrix.ru/api_help/iblock/classes/c...
и возвращение обновлённого количества для показа на сайте (либо обновление информации делать на стороне javascript в шаблоне страницы элемента.