const form = document.getElementById('myForm'); // Ссылка на форму
const submit = document.getElementById('mySubmit'); // Ссылка на кнопку отправки
form.addEventListener('input', function(){
submit.disabled = ![...form.querySelectorAll('input')]
.every(input => input.value != ''); // Если все поля не пусты
});every value != '' в сочетании с отрицанием ! даст условие "Если хотя бы одно поле пусто". В этом случае сделать кнопку неактивной. И наоборот.
// Добавить
document.body.style.overflow = 'hidden';
// Убрать
document.body.style.overflow = '';const time1 = moment(now, 'HH:mm').isAfter('08:00'); // текущее время больше 8
const time2 = moment(now, 'HH:mm').isBefore('14:00');// текущее время меньше 14
if (time1 && time2) { // Если оба условия совпали, то магаз открыт
console.log(now);
}export default class {
#enabled = false;
#timer = null;
#elHours;
#elMinutes;
#elSeconds;
#hours = 0;
#minutes = 0;
#seconds = 0;
constructor(el) {
this.#elHours = el.querySelector('.hours');
this.#elMinutes = el.querySelector('.minutes');
this.#elSeconds = el.querySelector('.seconds');
document.addEventListener('keydown', this.startBySpace.bind(this));
}
startBySpace() {
if (e.code === 'Space') {
if (this.#enabled) {
this.#enabled = false;
clearInterval(this.#timer);
} else {
this.#enabled = true
this.#timer = setInterval(() => this.tick(), 1000);
}
}
}
tick() {
this.#seconds++;
if (this.#seconds === 60) {
this.#seconds = 0;
this.#minutes++;
if (this.#minutes === 60) {
this.#minutes = 0;
this.#hours++;
}
}
this.render();
}
render() {
elSeconds.innerHTML = this.zero(this.#seconds);
elMinutes.innerHTML = this.zero(this.#minutes);
elHours.innerHTML = this.zero(this.#hours);
}
zero(number) {
return number < 10 ? `0${number}` : `${number}`;
}
}import Counter from './Counter.js';
document.querySelectorAll('.clocks').forEach(clock => {
new Counter(clock);
});window.tabsChanger = function(evt, a) {
// ...
}<div onclick="tabsChanger">
</div>document.querySelector(...)?.addEventListener('change', function(evt){
})