MrColdCoffee

Добрый день!
Tom select скрывает настоящий select, а всплывающие подсказки вешаются как раз на него.

Вариант решения:

const originalElement = document.getElementById('tom-select');

new TomSelect( originalElement , {
    onInitialize: function() {      
      // Копируем все атрибуты "data" оригинального select в созданный блок, на который будет вешаться popover
      const attrs = originalElement.attributes;
      for (let i = 0; i < attrs.length; i++) {
        const attrName = attrs[i].name;
        const attrValue = attrs[i].value;
        if ( attrName.startsWith('data-') ) {
          this.wrapper.setAttribute(attrName, attrValue);
        }
      }
// Удаляем атрибут у настоящего select, чтобы на него не вешался лишний обработчик popover
      originalElement.removeAttribute('data-bs-toggle');
    }
  });

const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));

Бегло глянул
Получается что если если данные были невалидными, то Вы

success: function(response) {
                        if (response.indexOf('alert-danger') === -1) {
                            location.reload();
                        } else {
                           //Проваливаетесь сюда
                            $('#loginModal .modal-body').html(response);
                          //в response у Вас что?  Форма входа с выведенной ошибкой??
                          //А где обработчик события sabmit "уже новой" формы? Вот и получается что пост выполняется по указанному пути.
                        }
                    },

У вас при каждом открытии модалки на myForm вешается обработчик(допом к имеющемуся)...

Один из вариантов - браузеры запрещают выполнение динамически загруженных скриптов.

Вот таким способом можно решить проблему:

content_block - HTML фрагмент с скриптом

content_block.querySelectorAll('script').forEach(function(content_script){
							let scriptElement = document.createElement('script');
							    scriptElement.textContent =  content_script.textContent;
							    content_script.parentNode.replaceChild(scriptElement, content_script);
						});

Пересоздаём скрипт на основе подгруженного и добавляем в DOM.

Редирект с http на https настройте правильно и всё будет работать

Итак, вот как можно отследить клик по псевдоэлементу:

HTML:

<!-- Наш элемент, у которого есть псевдоэлемент after -->
<div class="element-for-click">
  <span>Текст</span>
</div>

CSS:

.element-for-click{
    position: relative;
    pointer-events: none;
   background:red;
   padding:20px;
}

.element-for-click:after {
    content: 'Псевдоэлемент';
    position: absolute;
    padding:20px;
    background-color: #4caf50;
    cursor: pointer;
    pointer-events: auto;
    text-align: center;
    top: 0;
    right:10%;
    color: #FFF;
    font-weight: bold;
}

JS:

document.querySelector('.element-for-click').addEventListener('click', ()=>{
   alert('Клик по псевдоэлементу');
});

При помощи CSS мы отключаем у родителя события указателя ( pointer-events: none; ) , а у псевдоэлемента устанавливаем pointer-events: auto; / pointer-events: all;

Для решения вашей проблемы необходимо отменять интервал при переходе на страницу и задавать его заново.

Для этого поместите setInterval(function(){online();}, 5000); и setInterval(function(){update();}, 2500); в переменные

например

var onlineInterval = setInterval(function(){online();}, 5000); 
var updateInterval =setInterval(function(){update();}, 5000);

И вызывайте для отмены

clearInterval( onlineInterval );
clearInterval( updateInterval);

Вы убираете/добавляете класс только у элемента, на который был совершён клик, а надо сначала убрать класс у всех элементов, а затем изменить у кликнутого:

selectBtn.addEventListener("click", function (e) {				
        let elem_active = optionMenu.classList.contains("_active")
        optionMenus.forEach(opt => {
          opt.classList.remove('_active');
        })
        optionMenu.classList.toggle("_active",!elem_active)
			});

Если у карусели есть кнопки вперёд/назад (в случае с модалкой - кнопка закрытия), то можно отловить нажатие на физические кнопки стрелок/esc и имитировать нажатие на кнопки.
Ещё можно вызывать ту же функцию, что привязана к событию клика по кнопкам

Math.ceil(totalVolume.toFixed(2)/25)

const qty = document.querySelectorAll('.quantity');
	  for(let i=0;i<qty.length;i++){
		    let amount = qty[i].nextElementSibling;
		    let price = +amount.textContent;
		    qty[i].addEventListener('input', () => amount.textContent = qty[i].value*price);
	  }

let new_table =  new createTable( document.getElementById("row").value );
		  new_table.make();
		  new_table.output("#container");

<a href="#item1" onclick="activeList(event,this)" > add class to text 1 </a>
  <a href="#item2" onclick="activeList(event,this)"> add class to text 2 </a>
  <a href="#item3" onclick="activeList(event,this)" > add class to text 3 </a>

function activeList(e,element) {
	e.preventDefault();
	let li_id = element.getAttribute('href').substr(1);		
	document.querySelectorAll('.list li').forEach( (item)=>{		
		item.classList.toggle("active", item.id == li_id  );
	});
}

document.getElementById('month').dispatchEvent(new Event('change'));