Smeecy Smeecy

$('body').on('submit', 'form', function() { ... });

https://webref.ru/dev/jqfundamentals/events - раздел "Делегирование событий"

Для начала можно так. Либо смотреть вёрстку окна и изменять логику иначе.

- modal.classList.add('modal_show')

const modalContent = modal.querySelector('.modal__content')
if ( (modal.classList.contains('modal_show')) && (e.target != modalContent) ) {
    modal.classList.remove('modal_show')
+ } else {
+     modal.classList.add('modal_show')
+ }

первой строкой var_dump($_POST) и дальше думать.

const steps = [ /* ... */ ];
let iStep = 0;

const question = document.querySelector('.quiz__question');
const answers = document.querySelector('.quiz__answers');

const prev = document.querySelector('.quiz__button_prev');
const next = document.querySelector('.quiz__button_next');

prev.addEventListener('click', () => nextStep(-1));
next.addEventListener('click', () => nextStep(+1));

function nextStep(stepChange) {
  iStep = Math.max(0, Math.min(steps.length - 1, iStep + stepChange));

  prev.disabled = iStep === 0;
  next.disabled = iStep === steps.length - 1;

  question.innerHTML = steps[iStep].question;
  answers.innerHTML = steps[iStep].answers.map(n => `<li>${n}</li>`).join('');
}

nextStep(0);

Donationalerts - отдельное приложение, передающее свой виджет через плагин Browser input. Собственно этот плагин ввода - самый ходовой для интерактивных виджетов, соответственно без Javascript не обойтись, а бэкенд может быть любой.
Плагины непосредственно для OBS пишутся на C/C++ и Objective-C под macOS, бывают всего 4 видов:

• Input — рендер медиа-контента для добавления в сцену
  
• Output — вывод куда-либо, собственно они отвечают за запись локально и стриминг
  
• Encoder — используются output-ами для кодирования аудио/видео
  
• Service — настройки вещания для разных стриминговых площадок
  

Вот вариант сокращения

<button class="modal-heading__button modal-heading__button-login"  v-if="view==='log'" @click="view='reg'">login</button>
<button class="modal-heading__button modal-heading__button-register"  v-else-if="view==='reg'" @click="view='3rd'">register</button>
<button class="modal-heading__button modal-heading__button-thirdOption"  v-else-if="view==='3rd'" @click="view='log'">the wae of the deval</button>

...
data(){
    return {
        view: 'log'
    }
}
...

вот песочница, если чо
https://codepen.io/origami1024/pen/bGbyWaO

UPD: еще сокращения

1. Непонятно, что такое у вас modal, чем он отличается от Modal и где должно вызываться событие close, которое он прослушивает.
2. Вы в хедере пытаетесь обновить data из другого компонента.

Фильтры в помощь.

А почему бы не использовать обычную feDropShadow?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <defs>
    <filter id="shadow">
      <feDropShadow dx="0" dy="4" stdDeviation="2" flood-color="grey" />
    </filter>
  </defs>
  <polygon points="30.1,84.5 10.2,50 30.1,15.5 69.9,15.5 89.8,50 69.9,84.5"
           filter="url(#shadow)" fill="hsl(156,80%,50%)"></polygon>
</svg>

querySelectorAll чтобы найти все, а не один первый на странице
и потом на каждый повесить слушатель события
https://codepen.io/anon/pen/rREMKb

Может так

@keyframes A-StepsLC {
    0% {
        transform: translateY(0) scale(1);
    }
    25%, 50%, 75% {
        transform: translateY(100%) scale(2);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

buy.on('click', function() {
    $('#cartPrice').text(parseInt($('#cartPrice').text()) + parseInt($('#input').val() * buy.attr('data-price')))
  })

Как-то так:

buy.on('click', function() {
    // При нажатии на кнопку складываются значения
    let productPrice = +buy.attr('data-price');
    let productCount = +$('#input').val();
    let oldSum = +cartPrice.text();
    let oldCount = +cartCount.text();
    cartPrice.text(oldSum+productPrice*productCount);
    cartCount.text(oldCount+productCount);
  })

У Сергей delphinpro на чистом CSS конечно круче, но еще как вариант, может пригодиться:

https://codepen.io/anon/pen/ZPBjOq

Если прямо приспичило на js, то https://codepen.io/anon/pen/rRWrMo

let link = https://www.instagram.com/p/BuEpOj0nzSF/
newLink = link.replace('.com', '').replace('gram', 'gr.am')

и на инпут onChange вешаете