Danny Arty

Задайте ссылкам с номером телефона определенный класс, например .phone-link. Далее напишите такой простой скрипт

var elements = document.getElementsByClassName('phone-link');
Array.from(elements).forEach(function(element) {
      element.addEventListener('click', function() {
           ym(тут_id_счетчика,'reachGoal','тут_название_события');
      });
});

В целях метрики создаете javascript-событие с именем, указанным в скрипте и все.

Нужно делать произвольный макет.
Вот пример с доки

В чем именно проблема реализации?
Добавки - это отдельные товары из соответствующей категории Добавки, а размеры пиццы - это лишь модификации этого товара.
В корзине идентификатором товаров пусть выступает не id товара, а ключ, который генерируется в бэке перед добавлением. Например ключ каждого товара будет равен шифрованию md5 строки

$productKey = md5(id_товара. цена_товара. модификация_товара(размер). json_encode(добавки));

И пишите массив товаров корзины например в сессию, где ключом будет выступать сгенерированный key.
Тогда, условно, при добавлении Маграгриты 25см с халапеньо и Маргариты 30см без добавок, в корзине будут отображаться два разных товара, так как у них разный key.
И в сессии это может выглядеть например так:

[идентификатор_сессии][id-заказа][cart] = array (
  '984b707b193e29fb93c9d6e05a585ce6' => array("Маргарита", 100 рублей, 25см, 1шт, {"халапеньо"}),
  '977b713b193e29fb93c9d6e05a513ke2' => array("Маргарита", 100 рублей, 30см, 1шт, {})
);

Так затриггерите событие сами:

input.val(target_val);
input.trigger('change'); // добавьте эту строчку

Если у вас эти кнопки расположены внутри tab-а, значит они должны быть внутри каждого.
А скрипт будет такой:

$('.btn__arrow__stroke').click(function() {
    
    let tabsContent = $(this).closest('.tab_content.active');
    let tabsToggler = $(this).closest('.tab_container').prev().find('li.active');
    let dir = $(this).text().trim() == 'Пред.' ? 'prev' : 'next';

    if (dir == 'prev') {
        if (tabsToggler.prev().length) {
            tabsToggler.prev().addClass('active').siblings().removeClass('active');
            tabsContent.prev().show().addClass('active').siblings().hide().removeClass('active');
        }
    } else {
        if (tabsToggler.next().length) {
            tabsToggler.next().addClass('active').siblings().removeClass('active');
            tabsContent.next().show().addClass('active').siblings().hide().removeClass('active');
        }
    }
});

function textIntoSpan(inputText) {
  var word = inputText.split('');
  let result = '';

  word.forEach(function(char, i){
    var idx = i + 1;
    result += (char.trim() === '') ? '' : '<span class="char'+idx+'">' + char + '</span>';
  });

  return result;
}

Укажите для .v свойство, если я правильно понял вопрос

.v {
  flex-grow: 1;
}

Я бы сделал так - с двумя зависимыми слайдерами

document.getElementById('button').addEventListener('click', function(e) { //тут ID-кнопки
  e.preventDefault();
  if (this.innerText == '0') {
     return;
  } else if (this.innerText == '1') { 
     alert('Значение 1');  
  } else {
     window.open('https://site.ru');
  }
});

print(in_array(substr($card, 0, 4), $banks) ? 'Your bank is Mastercard' : 'Another card');

Ну если учитывать, что блок контента - это соседний элемент кнопки, то можно сделать так:

var elements = document.getElementsByClassName('toggle__button');
Array.from(elements).forEach(function(element) {
      element.addEventListener('click', function() {
           this.nextElementSibling.classList.toggle('hide');
      });
});

Дык у вас же иконки - это шрифт FontAwesome.
Ну такое себе имхо решение - оборачивать шрифт в svg.

const block = document.querySelector('div.form-item.another_jeweler');
document.querySelector('select[name="id:selector"]').addEventListener('change', function() {
if (this.value == 'Instagram and MB') {
   block.classList.remove('d-none');
} else {
   block.classList.add('d-none');
}
});

Имхо единственный вариант - https://www.free-kassa.ru

0. this.closest('.task');
1. svg.style.fill='#f1f1f1';
2. Не надо
3. Имеет
4. Можно, но какой смысл? Используйте id в тех случаях, когда с данным элементом планируется работа через js.