@testkeyc

Как переписать попап, чтобы можно было добавлять несколько модальных окон?

let modal = document.getElementById('modal');
let link = document.getElementById("form__link");
let span = document.getElementsByClassName("modal__span")[0];


link.onclick = function() {
    modal.style.display = "block";
}

span.onclick = function() {
    modal.style.display = "none";
}

window.onclick = function(event) {
    if (event.target == modal) {
        modal.style.display = "none";
    }
}


<span class="s-dark__span" id="form__link">Щелк</span>

	<div id="modal3" class="modal">
		<div class="modal__text">
			<div class="modal__span3">
				<i class="fas fa-times"></i>
			</div>
			<p>
				Lorem ipsum.
			</p>
		</div>
	</div>


.modal
	display: none
	position: fixed
	width: 100%
	height: 100%
	z-index: 1
	padding-top: 70px
	left: 0
	top: 0
	overflow: auto
	&__span
		float: right
		margin-top: -10px
		cursor: pointer
	&__text
		color: $white
		width: 50%
		margin: auto
		padding: 20px
		padding-bottom: 5px
		cursor: pointer


Написал попап окно. Подскажите, что нужно поправить, чтобы можно было создать еще одно окно без дублирования js кода? В js новичок, спасибо за ответы))
  • Вопрос задан
  • 31 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
от 110 000 до 150 000 руб.
Александрия Москва
от 200 000 до 250 000 руб.
Foodtronics Москва
от 100 000 до 200 000 руб.
24 авг. 2019, в 19:17
5000 руб./за проект
24 авг. 2019, в 18:45
3011 руб./за проект