Простое модальное окно на JS - ничего лишнего!

Поделиться
HTML-код
  • Опубликовано: 10 ноя 2024

Комментарии • 33

  • @АлексейКресников
    @АлексейКресников 2 года назад +4

    Отличный материал для новичков, с объяснением некоторых нюансов. Хорошо объяснил, спасибо от всех начинающих)

  • @evgenenterprises4933
    @evgenenterprises4933 2 года назад +1

    Урок очень крутой, всё очень доступно изложил. Спасибо🙂

  • @ruslankrasnov732
    @ruslankrasnov732 2 года назад +1

    Спасибо большое за такой контент. Очень понятно. Продолжай!

  • @ОльгаКомарова-ю8я

    Посмотрела несколько видео по данному кейсу, Ваше решение понравилось больше всего благодарю!

  • @Шалун-н9щ
    @Шалун-н9щ Год назад

    Отличное видео! Спасибо!

  • @SergeyRaevsky
    @SergeyRaevsky 8 месяцев назад

    Работает! Благодарю

  • @kim-johnkoro-tinkim6201
    @kim-johnkoro-tinkim6201 2 года назад +1

    Спасибо. Понятно. Молодец.

  • @Noname-yn9zl
    @Noname-yn9zl Год назад

    Спасибо тебе огромное!!!!!

  • @Monax-go6vq
    @Monax-go6vq 6 месяцев назад

    Чтобы обрабатывался именно элемент, у которого есть соответствующий класс, а не картинка, то вместо дополнительной проверки, можно работать не через e.target, а через this, только при этом нужно EventListener передать не "стрелочную функцию", а обычную анонимную. В этом случае не нужно будет пробрасывать событие (е) и не нужно будет писать доп. проверку (||)
    Можно ли считать, что в этом случае анонимная функция (function declaration) более предпочтительная, чем стрелочная?

  • @DmitriyDev
    @DmitriyDev 2 года назад

    Самое понятное видео по модалке

  • @nikitaorlov5530
    @nikitaorlov5530 Год назад

    Спасибо!

  • @ivanyaloviy3891
    @ivanyaloviy3891 Год назад +1

    кстати, можно было вот так document.querySelector(`[data-modal = "${elAttribute}"`).classList.add('_active')

  • @skatler5741
    @skatler5741 2 года назад +1

    Очень даже годно и доступно , но вот со звуком беда. Слишком тихо

    • @ПрокашевДаниил
      @ПрокашевДаниил  2 года назад

      привет! да, знаю, но эта проблема только в этом видео) дальше звук более менее хороший👌🏿

  • @kammiSamma
    @kammiSamma Год назад

    как называется тема для vs code?

  • @a_nik5744
    @a_nik5744 2 года назад

    А зачем ставить сразу два: visibility и opacity, если можно одну поставить

    • @ПрокашевДаниил
      @ПрокашевДаниил  2 года назад

      если поставить просто visibility, то не будет плавной анимации, а если поставить просто opacity, то с элементом можно будет взаимодействовать (наводить на текст, копировать текст и тд и тп)

    • @a_nik5744
      @a_nik5744 2 года назад

      @@ПрокашевДаниил понял, спасибо

    • @AntonioBenderas
      @AntonioBenderas Год назад

      Можео ещё scale() добавить

  • @Немножкоматематикинемногошахма

    У меня не работает, всё из видео повторил, что делать? На форумах спрашиваю там люди хз что ответить, вроде должно работать но не работает

    • @iurighiumiusliu5178
      @iurighiumiusliu5178 Год назад

      я тоже застрял на моменте вывода modal-1 в консоль, уже час пытаюсь понять где я опечатался

    • @iurighiumiusliu5178
      @iurighiumiusliu5178 Год назад

      причина была в том что я не подключил файл script.js перед закрывающим тегом

    • @Немножкоматематикинемногошахма
      @Немножкоматематикинемногошахма Год назад

      @@iurighiumiusliu5178 у меня такая тема уже дпано, я как то писал валидацию с помощью плагина, но ничего не работало хотя должно, на форумах никто не отвечал, уже на чистом js валидацию пишу, с плагином конечно удобнее было бы

    • @Немножкоматематикинемногошахма
      @Немножкоматематикинемногошахма Год назад

      @@iurighiumiusliu5178 а у меня вообще не рабо.. Постой, я по моему скрипт не подключил

    • @Немножкоматематикинемногошахма
      @Немножкоматематикинемногошахма Год назад

      @@iurighiumiusliu5178 а нет, подключал, почему не работает загадка