JavaScript is an awesome programming language as it allows us to change elements on our website AFTER the page was loaded. Let’s see how this works in practice by making a modal appear and disappear after we clicked onto certain areas on our website!
———-
Join our JavaScript Bootcamp: https://www.udemy.com/javascript-bootcamp-2016/learn/v4/?couponCode=ACAD_M
Starting Code: https://github.com/academind/web-development-beginners-guide/tree/12.01-js-modal-starting-code
Finished Code: https://github.com/academind/web-development-beginners-guide/tree/12.02-js-modal-finished-code
Want to learn something totally different? Check out all other courses: https://academind.com/learn/our-courses
MDN Element Reference: https://developer.mozilla.org/en-US/docs/Web/Events/
———-
• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.(https://www.facebook.com/academindchannel/)
• Or visit our Website (https://www.academind.com) and subscribe to our newsletter!
See you in the videos!
———-
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Original source
20 responses to “JavaScript Tutorial | Creating a Modal with JavaScript | Part 1”
Wow!!! Nice Explanation.
Thank you!!!! 🙂
Why onClick is used instead of document.addEventListener?
Great job, but please could you upload image slider show using javascript
Academind always do the best. Great guys..
Such a great tutorial and explanation! Thank you 🙂
Even after those sessions in udemy, You guys are doing a great job. Clearing most of the doubts that I've.
It would be very nice if you cover the cookies and localStorage for modals. I like the type of "understanding" you put behind the tutorials!
nice sir . please make page transition when jump into next page here is plugin article barbajs.org ?
Finally it began … I'm so happy 🙂
Finally! 🙂
Tnx Manu! You and Max are great teachers.
Cheers
Thanks for Good Tutorials.
thanks academind you are really great!
Hi. I'm expecting your backend course on Udemy like node.js or database. Thank you for great courses always.
what editor are you using?
Nice! Keep it up!
Great video Manuel Lorenz
Please make a complete series handling form inputs with JavaScript. Mostly I found people doing it with jQuery which is not the choice of many…
It was nice class and why don't you guys make a video on ES6 with some examples ?
Nice video. Loved it.
I am the first one to attend the class!!!