https://bitroid.ru/local/templates/main/components/bitrix/news.lis…/script.js?17897240541981

1const actionTab = document.querySelector('.tarifs__tabs--actions');
2actionTab.style="display: block;"
3const cloudTab = document.querySelector('[data-tab="cloud"]');
4cloudTab.addEventListener("click", () =>{
5    actionTab.style="display: block;"
6});
7const boxedTab = document.querySelector('[data-tab="boxed"]');
8boxedTab.addEventListener("click", () =>{
9    actionTab.style="display:none;"
10});
11
12const tarifContainers = document.querySelectorAll('.tarif-item__price');
13
14if (tarifContainers != undefined)
15{
16    var newPriceEl = [];
17    var oldPriceEl = [];
18    var currentPriceEl = [];
19
20    for (var j = 0; j < tarifContainers.length; j++)
21    {
22        newPriceEl[j] = tarifContainers[j].querySelector('.tarif-item__price--new');
23        oldPriceEl[j] = tarifContainers[j].querySelector('.tarif-item__price--old');
24        currentPriceEl[j] = tarifContainers[j].querySelector('.tarif-item__price--current');
25    }
26
27    const yearRadio = document.querySelector('input[type="radio"][name="select-range"]#year');
28    const monthRadio = document.querySelector('input[type="radio"][name="select-range"]#month');
29    if (yearRadio != undefined && monthRadio != undefined)
30    {
31        yearRadio.addEventListener('change', () => {
32            for (var i = 0; i < newPriceEl.length; i++){
33                if (oldPriceEl[i] == undefined) continue;
34                currentPriceEl[i].textContent = newPriceEl[i].textContent;
35                oldPriceEl[i].style.display = 'block';
36            }
37        });
38        monthRadio.addEventListener('change', () => {
39            for (var i = 0; i < oldPriceEl.length; i++){
40                if (oldPriceEl[i] == undefined) continue;
41                var priceWithoutDiscount = oldPriceEl[i].querySelector('.old');
42                
43                currentPriceEl[i].textContent = priceWithoutDiscount.textContent;
44                oldPriceEl[i].style.display = 'none';
45            }
46        });
47    }
48}
49