Front-end-Job-Interview-Questions

Ответы на вопросы на должность Frontend разработчика.


Project maintained by FedorovAlexander Hosted on GitHub Pages — Theme by mattgraham

Опишите, как бы вы реализовали примитивное слайд-шоу.

HTML

<div class="slide-page">lorem</div>
<div class="slide-page">ipsum</div>
<div class="slide-page">dolor</div>

CSS

html,
body,
.slide-page {
	width: 100%;
	height: 100%;
}

.slide-page {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.slide-page:first-child {
	display: block;
}

JS

window.addEventListener('click', () => {
	document.querySelector('.slide-page').remove();
});

Предыдущий вопрос | Следующий вопрос