Подскажите, есть несколько лейблов:
<label for="CoinVal_1">1</label>
<label for="CoinVal_2">2</label>
<label for="CoinVal_3">3</label>
Как сделать подчеркивание лейбла, на который был произведен клик, и подчеркнуть другой, если кликнули на другой лейбл, но не убирать подчеркивание, если клик был сделан по любому другому элементу на странице?
let allLabel = document.querySelectorAll('label');
allLabel.forEach(value => {
value.addEventListener('click', e => {
drop();
e.target.classList.add('border');
});
});
function drop(){
allLabel.forEach(value => {
value.classList.remove('border')
});
}
.border {
border-bottom: 3px solid black; /* Параметры линии под текстом */
}
<label for="CoinVal_1" class="label">1</label>
<label for="CoinVal_2" class="label">2</label>
<label for="CoinVal_3" class="label">3</label>
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости