Modal (Popup) using HTML/CSS and JavaScript
In this video you will learn how to make a modal popup with html, css, and Javascript. It is a beginner javascript tutorial.
Support the channel:
https://www.buymeacoffee.com/vahidnia
--------
The JS code:
const pop = document.querySelector('.pop')
const x = document.querySelector('.x')
const modal = document.querySelector('.modal')
const overlay = document.querySelector('.overlay')
const open = function(){
modal.classList.remove('hidden');
overlay.classList.remove('hidden');
}
pop.addEventListener('click', open)
const close = function(){
modal.classList.add('hidden');
overlay.classList.add('hidden');
}
x.addEventListener('click', close);
overlay.addEventListener('click', close)
Смотрите видео Modal (Popup) using HTML/CSS and JavaScript онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Pythonology 14 Ноябрь 2021. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 343 раз и оно понравилось 5 посетителям.
