Канал для начинающих JavaScript разработчиков. Если вы приступаете к изучению JS - этот канал для вас.
Админ: @anothertechrock
Post #449
651
JA @projavascript
Showing posts older than #450 · Back to latest
• При нажатии на кнопку она становится недоступной.• На кнопке отображается обратный отсчёт времени: 5... 4... 3....• Через 5 секунд кнопка снова становится активной и текст возвращается в исходное состояние.<button id="timer-button">Нажми меня</button>
#timer-button {
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
#timer-button:disabled {
background-color: #ccc;
cursor: not-allowed;
}
const button = document.getElementById('timer-button');
button.addEventListener('click', () => {
let countdown = 5;
// Деактивируем кнопку и запускаем таймер
button.disabled = true;
const interval = setInterval(() => {
button.textContent = `Ждите... ${countdown}`;
countdown--;
if (countdown < 0) {
clearInterval(interval);
button.disabled = false;
button.textContent = 'Нажми меня';
}
}, 1000);
});



Есть классные проекты и сильные команды, где разработчиков действительно ценят, дают расти, поддерживают развитие и платят достойно и ты можешь туда попасть!

Ты тоже можешь получить оффер в компанию, в которой тебя будут ценить и хорошо платить.


