const input = document.querySelector('input');
input.addEventListener('input', (event) => {
const value = event.target.value
.replace(/^\+?[78]/, '')
.replace(/[^0-9]/g, '')
.slice(0, 10);
event.target.value = value;
});
IMask(document.querySelector('input'), { mask: '000 000 00 00' });
$(document).on('click', '.content .child', function(event){
event.stopPropagation();
});
.option:has(input:checked) {
background-color: peachpuff;
}
.option.active {
background-color: peachpuff;
}
const optionsContainer = document.querySelector('.options');
const options = optionsContainer.querySelectorAll('.option');
optionsContainer.addEventListener('click', (event) => {
const option = event.target.closest('.option');
if (option !== null) {
options.forEach((entry) => entry.classList.remove('active'));
option.classList.add('active');
}
});
Col | ColWithMain
работает взаимоисключающе. Вы определяете тип но полю type
. Почитайте https://habr.com/ru/articles/778060/. const response = await fetch('data.json');
const data = await response.json();
console.log(data);
npx
, например: npx serve
.