Ответы пользователя по тегу Фронтенд
  • Как сделать закрытие модального окна?

    angela_merkel
    @angela_merkel
    Frontend developer, youtube bloger and a good girl
    Раз у тебя стало две кнопки, которые должны закрывать, то нужно применять document.querySelectorAll вместо document.querySelector
    Вот одно из решений
    const modal = document.querySelector(".popup");   /* 1 окно*/
    const trigger = document.querySelector(".user-info__button");  /* кнопка открытия 1 окна */
    const closeButton = document.querySelectorAll(".popup__close");  /* кнопка закрытия */
    const modalProfile = document.querySelector('.popup_profile');  /* 2 окно*/
    const profile = document.querySelector(".user-info__edit_button"); /* кнопка открытия 2 окна */
    /* Открытие модального окна */
    function toggleModal(event) {
    
    	if (event.target.matches('.user-info__button')) {
    		modal.classList.add("popup_is-opened");
    	} else if(event.target.matches(".user-info__edit_button")) {
    		modalProfile.classList.add('popup_is-opened');
    	} 
    	else if (event.target.matches('.popup .popup__close')) {
    		modal.classList.remove("popup_is-opened");
    	} else if (event.target.matches('.popup_profile .popup__close')) {
    		modalProfile.classList.remove('popup_is-opened');
    	}
    }
    
    
    profile.addEventListener("click", toggleModal);
    trigger.addEventListener("click", toggleModal);
    closeButton.forEach(btn => btn.addEventListener("click", toggleModal));
    Ответ написан
  • Какой проект сделать front-end разработчику?

    angela_merkel
    @angela_merkel
    Frontend developer, youtube bloger and a good girl
    Попробуй сделать обычный сайт для кого-нибудь либо придумать свой
    Ответ написан
    Комментировать