let tm;
document.addEventListener('keypress', () => {
clearTimeout(tm);
tm = setTimeout(() => {
alert('Ты бездействовал пять секунд!')
}, 5000);
});<html lang="ru">
<html lang="en">html[lang=ru] {
--base-font-size: 16px;
}
html[lang=en] {
--base-font-size: 18px;
}h1 {
font-size: calc(var(--base-font-size) * 2)
}button {
background-image: linear-gradient(to right, red 60%, transparent 60%);
}background-clip: content-box; // контент
background-clip: padding-box; // контент + отступ
background-clip: border-box; // По умолчанию: контент + отступ + рамка.main {
.block1 {
color: blue;
}
}
.main.red {
.block1 {
color: red;
}
}.main {
.block1 {
color: blue;
}
&.red {
.block1 {
color: red;
}
}
}self.classList.toggle('open');const control = self.querySelector('.accordion__control');
const content = self.querySelector('.accordion__content');.accordion__tittle.open, а получаете вы .accordion__control.
<div class="certificate">
<div class="certificate__body">
<h2 class="certificate__title">Сертификат ученика всем, кто дойдет до конца!</h2>
<p class="certificate__text">Успешно справившись со всеми заданиями</p>
<button class="btn">Подробнее</button>
<div class="certificate__image">
<img src="./img/certificate.png" alt="">
</div>
</div>
<!--<div class="certificate__image">
<img src="./img/certificate.png" alt="">
</div>-->
</div>