JavaScript Tutorial | Creating a Modal with JavaScript | Part 1

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:

Starting Code:
Finished Code:

Want to learn something totally different? Check out all other courses:

MDN Element Reference:


• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.(
• Or visit our Website ( 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 to find the learning resource of your choice!

Original source

20 thoughts on “JavaScript Tutorial | Creating a Modal with JavaScript | Part 1

Leave a Reply