Javascript Project: Javascript PopUp Window
HTML-код
- Опубликовано: 2 июн 2024
- support this channel: / @harry-qh8yq
Javascript Project: Javascript PopUp Window - in this video i'll show you how to create a simple pop up window using html css and javascript for beginners.
Thank You for watching!
-----------------------------------------------------------------------------------------------------------------------
find the page here: redouand.github.io/Pop-Up-Win...
-----------------------------------------------------------------------------------------------------------------------
Source Code: github.com/redouand/Pop-Up-Wi...
------------------------------------------------------------------------------------------------------------------------
#JavaScript #WebDevelopment #Modal
[Tags] :
html popup,popup window,popup model,how to create a popup,how to create a popup in html,how to create a popup form in html, how to create a modal in javascript, create a modal in html css and javascript, javascript popup window, js popup, beginners javascript project beginners, pure javascript window popup - Наука
hello sir its Harry :)) sub to Red and me check our stuff out!! >:3
Best Video of JavaScript til now and Self Explanatory !!
It was so informative for me..Thank you so much bro
How could someone put a “dislike” for this amazing tutorial??
Thank you very much for sharing your knowledge^^
Maybe they think it's the download button :)
Great tutorial keep it up! Subbed and liked the video!
great good job ! thank you.
This is some great stuff, keep them coming. Thank you for sharing your knowledge with us
thanks man!
that's great do more videos like that & thank u
Great video please keep them coming
Really appreciate it clare
Nice video brother
Keep making such videos for us to learn
Thank you prakhar
That's lit , keep up the good work man❤
thanks man!
a wonderful project to understand how html, css and javascript work together. .. thanks :))
Nice one dude ✌
really cool... thanks bro..
Glad you liked it!
undoubtedly very much helpful for the beginner like me...thank you so much for uploading such wonderful projects
you're welcome, good friend, im happy to help, and big thanks for the support
thank u so much i lear centering item in css and alote of idea and ..... you r the best
super video guy! thanks for that. I enjoyed it so much. carry on...
wow, im really happy to hear that from you
Awesome bro!! Keep it up. Thanks
Thanks! Will do!
This is a great tutorial. We need more like this
Ok
Many thanks for this great effort to help the beginners.
You're very welcome!, be sure to check out my channel, and subscribe cos im uploading some some fun js projects
Keep it up ! ⚡🔥
thanks classmate
thanks for the great content
My pleasure!
super!
Amazing sir...a great explanation
i'm happy you liked it!, check out my channel if you like, it'll be a big support.
Getting an error sir on event listner.
var firstpage = document.querySelector("firstpage"),
startbtn = document.querySelector('startbtn')
maindiv = document.querySelector('maindiv');
startbtn.addEventListener('click', start);
function start() {
maindiv.style.display = "block";
}
im a beginner in JS and this tutorial is a peace of cake .thanks from Egypt
you're welcome from algeria, habibi
@@ProMakerDev
My pleasure habeb kalby 😂😍
done, good tutorial
thank you buddy, check out my other javascript project in my channel, and sub if you want to support a startup
@@ProMakerDev deal
Awesome.
thank you antanas
thanks a lot sir hats off
hats off to you sir
Tnx bro pls more js projects !
i will man, just for you ;)
^^ good work
thx
thank you for watching ahmed :)
@@ProMakerDev ^^
This is exactly what I want to start practice web development , highly appriceted Pro keep up!
sorry for the pad syntax
thanks, and it's not problem, you're good!
You deserve more followers!
haha, thanks a lot
i really appriciate it
Loved these video plz create more javascript videos like these and use bootstrap plz.
thanks for the love, and yes, i'll do some bootstrap projects soon
i m beginner at JS still i injoy nice
wow, im happy to hear that from you, thanks alot
This is very Helpfull Thank you
You're welcome
Please make more videos on javascript !
i will soon, bro, thanks for the support
You are going to be big :)
hahaha i hope so, thank you for watching
Love the video! Do you know how to make it split that’s basically my design for my portfolio.
i dind't really get you, you want the modal to split when reload ?
Yes sorry was finish up stuff but yes idk I might be able to create to diva and make it slice idk if that’s possible thanks!!
thank you
thank you man
ProMaker Dev i will
@@climxvisual9684thank you
WOW! can i make the popup only appear when a specific user clicks on it, e.g. guest?
watch another another fun project on how to make keyboard shortcuts with javascript in 8 min (hotkeys) => ruclips.net/video/XJohoWGOv0k/видео.html
That's amazing brother. Keep it up. Can you please give me your Whats app number?
sorry, i do not use whatsapp, but i do use facebook and instagram, contact me here instagram.com/promakerdev/
@@ProMakerDev NP. Thanks
great, thank you) But couldn't understand why you gave position absolute and relative to the same element? is it possible?
Oops that was a mistake. didn't notice it until now, thanks. so when there is position absolute, there is no neeed to position it relative because it is relative by default. like... when the parent element is absolute, if the child is absolute, it will be positioned relatively to its parent even though the parent doesn't have '"Position: relative" but just because it has absolulte, that makes it relative as well, hope you get it. thanks for letting me know.
which code editor do you are using
I am not getting the sourse code of above video eventhough i download the mentioned link in the description box and went through it but not got it
So cool. I dont understand one thing on the last function. Why we target the model-parent function. I thought that we should target section because when we click on the section, the modal disappear. I dont understand this :(
because then if we clicked anywhere on the screen the modal will disappear, even if we clicked on the main modal (the white box with the text), even if we clicked there the modal will disappear
@@ProMakerDev yes but I think that we need to target the section. 🤷♂️😩 when we click the section, model disappear
hey i am clicking on that button but my modal is not popping up. Debugged it multiple times but not working. can u pls help me out
I learned how to blur an element
oh, I am happy you learned something new, consider supporting the channel from time to time
hy man i hope you remember me !
Hell yeah, i do! you can add me on my social media to be in touch, i have them linked to my channel
Could you upload project files in the description?
sure i will, right when i find them, it's really messy on here... haha
why downloading is disabled
?????????
oh is it?, idk about that, thank you for letting me know
i can see the source code
Wach 3omghy