Vladislav

вот на хабре почитайте, если останутся вопросы - отвечу
Прекратите проверять Email с помощью регулярных вы...

Что по вашему должна делать вот эта строчка?
time.innerText = time.value
Откуда у тега span атрибут value?
Может вы хотели сделать так?
time.innerText = btnTime[i].innerText;

Вам понадобится setInterval, объект Date и element.classList.remove('yourClass');

<div class="night">
   Какой-то текст
</div>

div {
   color: #000;
   background: #fff;
   }
   
   .night {
     padding: 15px;
     color: #fff;
     background: #000;
  }

let element = document.querySelector('div');


 setInterval(() => {
      if(new Date().getHours() < 22) {
         element.classList.remove('night');
       } 
    }
, 1000);

Если текущее время меньше 22 часов, то удаляется класс night, проверка времени происходит каждую секунду.

Нет обработчика события, проверка происходит в момент загрузки страницы, а не ввода в поле

input.addEventListener('input', () => { 
// code
})

маленько не понял вопроса но это может и есть решение ?_?

поменял:

<button>OK</button> на <button onclick="obr()">OK</button>

из самовызывающей функции переписал на обычную (function() {code}()) на function obr(){}

на крайний случай если не понятно что поменял):
{code}

<button type="button" data-id="about" class="js-item-link is-active">
                                            <span>Дата</span>
                                        </button>
                                        <button type="button" data-id="works" class="js-item-link">
                                            <span>Время</span>
                                            <span>13:00 (МСК)</span>
                                        </button>
                                    </div>
                                    <div class="modal-buy-card__tab-container">
                                        <div class="tab_content is-active" id="about">
                                            <input class="modal-buy-card__date-calendar flatpickr flatpickr-input active" type="text" readonly="readonly">
                                            <div>
                                                <button>отмена</button>
                                                <button onclick="obr()">OK</button>
                                            </div>
                                        </div>
                                        <div class="tab_content" id="works">
                                           <p>Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works WorWorks Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works Works</p>
                                        </div>
                                    </div>
                                    <script type="text/javascript">
                                        function obr(){
                                            alert("проверка кнопки!_!")
    let tabMenus = document.querySelectorAll('.js-item-link');
    let tabContents = document.querySelectorAll('.tab_content');
     
 
    for (var i = 0; i < tabMenus.length; i++) {
 
        tabMenus[i].addEventListener('click', function(e) {
     
             e.preventDefault();
    
             for (var i = 0; i < tabMenus.length; i++) {
                 tabMenus[i].className = 'js-item-link';
             }
 
             this.className = 'js-item-link is-active';
             
         
             for (var i = 0; i < tabContents.length; i++) {
                tabContents[i].className = 'tab_content';
             }
             
             document.getElementById(this.dataset.id).className = 'tab_content is-active';
 
         });
     }
};
                                    </script>

Использовать событие input на textarea и в обработчике брать event.target.value.length - количество вбитых символов. И пропихивать в этот счётчик.

const ta = document.querySelector(...) // textarea
const counter = document.querySelector(...) // счётчик

ta.addEventListener('input', onInput)

funcion onInput(evt) {
const length = evt.target.value.length
counter.textContent = length
}

<input type="text" id="email">
<input type="text" id="email2">

const email2 = document.querySelector("#email2");
document.querySelector("#email").addEventListener("input", e => email2.setAttribute("value", e.target.value));

https://stackoverflow.com/questions/18907131/detec...
Хак для internet explorer 11?
https://gist.github.com/ricardozea/5549389
https://coderwall.com/p/7vatvw/css-hack-for-ie10-i...

Просто нужно вбить один запрос в гугл...

if (window.innerWidth < 992) {
  // код скрытия\отображения
}

Хотите более развернутого ответа - задавайте более развёрнутый вопрос. В идеале - с демкой в любой песочнице.

Нет. Но могут быть. Как сделаете.
И мне кажется что вы или тот кто вам это заявил путает асинхронную функцию с асинхронной логикой.

Древовидное визуальное меню с разными пиктограмками или карусель изображений, и т.д. - это обыденная рутина. И лучше иметь свой готовый функционал на "чистом" JS.
Но есть он у менее 1%, т.к. уже давно всё было реализовано на jQuery и переписывать никто не будет. Вместо этого, проще взять нужный ГОТОВЫЙ! визуальный блок или из jQuery-библиотек, или, что в разы лучше, с того же github на нативе (если удалось найти).

Всё остальное (уникальный функционал и внутренняя логика) - делается нативно.

PS: надеюсь, понятно пояснил критерий выбора...

phoneInput.addEventListener('focus', () => {
  phoneInput.placeholder = 'Ваш номер'
})

phoneInput.addEventListener('blur', () => {
  phoneInput.placeholder = '+7 (___)___-__-__'
})

Можете на keydown изменить.

Семантичен.
main - главная обертка для сменяемой части кода(условно шапка и подвал у вас не меняются).
section - используется для выделения смысловых блоков, как вы и указали.
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

ajaxRequest().then(() => {
  window.location.href = 'http://www.example.com'
})

document.querySelector('.reviews__commentaries.value-commentaries').addEventListener('click', function(){
    this.parentNode.nextElementSibling.classList.toggle('slide-tooggle');
    this.parentNode.nextElementSibling.nextElementSibling.classList.toggle('slide-tooggle');
    this.nextElementSibling.classList.toggle('rotate-comment');
});

slideToggle() додумывайте через css))

.reviews__response-comment{
  -webkit-transition: height .3s ease;
  height: 0;
  overflow: hidden;
}
.reviews__response-comment.slide-tooggle {
  height:100px;
}

в смысле валидности верстки? без разницы, хоть 1px, хоть 100px.
с точки зрения юзабилити, надо смотреть по ситуации.

Если под современные браузеры делается и IE неважен, то можно просто добавить контейнерам(у которых display: flex) св-во gap: 10px 20px;

И нет, я не пьяный.

А нельзя вместо .filter__btn-category+.filter__btn-category просто отступ в другую сторону?

.filter__btn-category {
  margin-right: 20px;
}