Создайте кнопку, которая становится недоступной (disabled) на 5 секунд после каждого нажатия. Отображайте обратный отсчёт времени на кнопке, чтобы пользователь видел, когда её можно будет нажать снова.
Ожидаемое поведение:
• При нажатии на кнопку она становится недоступной.• На кнопке отображается обратный отсчёт времени: 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);
});
Please open Telegram to view this post
VIEW IN TELEGRAM
👏1
Поле для ввода подписи с интересной анимацией. Сделана на SVG, CSS и JavaScript.
Открыть код...
Please open Telegram to view this post
VIEW IN TELEGRAM
codepen.io
Signature animation
...
👍2
Frontend-разработчик (Junior / Junior+) — AI-driven (React/Next.js + Vue/Nuxt.js)
💰 40 000 – 60 000 RUR
Junior · Remote · Москва
🏢 Х3
💰 40 000 – 60 000 RUR
Junior · Remote · Москва
🏢 Х3
Talanto
Frontend-разработчик (Junior / Junior+) — AI-driven (React/Next.js + Vue/Nuxt.js) — Х3, Москва | 40,000 – 60,000 RUR
Frontend-разработчик (Junior / Junior+) — AI-driven (React/Next.js + Vue/Nuxt.js) — Х3, Москва. 40,000 – 60,000 RUR. Мы — продуктовая команда, которая запускает современные цифровые продукты: от корпоративных платформ до...
Junior Frontend-разработчик / верстальщик
💰 80 000 – 110 000 RUR
Junior · Remote · Санкт-Петербург
🏢 М-Компани
💰 80 000 – 110 000 RUR
Junior · Remote · Санкт-Петербург
🏢 М-Компани
Talanto
Junior Frontend-разработчик / верстальщик — 80 000–110 000 RUR, М-Компани
Работа для Junior Frontend-разработчик / верстальщик: зарплата 80 000–110 000 RUR, формат удалённо. Локация: Санкт-Петербург. Основные навыки: JavaScript, HTML, bootstrap и Frontend.
Если вы ищете удалёнку, то лучше это делать на talanto.work.
Удалённая вакансия не всегда означает, что работать можно из любой страны.
Одна компания нанимает только из России. Другая только из Европы. Третья готова рассматривать кандидатов со всего мира.
На talanto.work можно отдельно выбрать регион удалёнки, локацию компании, зарплату, грейд и стек.
Так ты сразу увидишь вакансии из нужного региона и куда действительно можешь устроиться.
Не трать время на поиск работы не из твоего гео.
Удалённая вакансия не всегда означает, что работать можно из любой страны.
Одна компания нанимает только из России. Другая только из Европы. Третья готова рассматривать кандидатов со всего мира.
На talanto.work можно отдельно выбрать регион удалёнки, локацию компании, зарплату, грейд и стек.
Так ты сразу увидишь вакансии из нужного региона и куда действительно можешь устроиться.
Не трать время на поиск работы не из твоего гео.
❤2👎2