• Sunday , 22 September 2019

JavaScript Tutorial | Creating a Modal with JavaScript | Part 1

Code Canyon

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

3d Ocean

Related Posts


  1. mohd sahil
    March 12, 2019 at 03:45

    Wow!!! Nice Explanation.

  2. Leanne Ralph Isales
    March 12, 2019 at 03:45

    Thank you!!!! 🙂

  3. Mir
    March 12, 2019 at 03:45

    Why onClick is used instead of document.addEventListener?

  4. emmanuels casmire
    March 12, 2019 at 03:45

    Great job, but please could you upload image slider show using javascript

  5. Kasmin Nicko
    March 12, 2019 at 03:45

    Academind always do the best. Great guys..

  6. Андрей Рыжак
    March 12, 2019 at 03:45

    Such a great tutorial and explanation! Thank you 🙂

  7. Abhinav Krishna C K
    March 12, 2019 at 03:45

    Even after those sessions in udemy, You guys are doing a great job. Clearing most of the doubts that I've.

  8. Stela Tasheva
    March 12, 2019 at 03:45

    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!

  9. Muhammad Adnan
    March 12, 2019 at 03:45

    nice sir . please make page transition when jump into next page here is plugin article barbajs.org ?

  10. Kamran Ali
    March 12, 2019 at 03:45

    Finally it began … I'm so happy 🙂

  11. Mickey Ramone
    March 12, 2019 at 03:45

    Finally! 🙂
    Tnx Manu! You and Max are great teachers.

  12. glumakowicz
    March 12, 2019 at 03:45

    Thanks for Good Tutorials.

  13. José Nery
    March 12, 2019 at 03:45

    thanks academind you are really great!

  14. CS L
    March 12, 2019 at 03:45

    Hi. I'm expecting your backend course on Udemy like node.js or database. Thank you for great courses always.

  15. Mr. Robot
    March 12, 2019 at 03:45

    what editor are you using?

  16. Barjosa31 Blogspot
    March 12, 2019 at 03:45

    Nice! Keep it up!

  17. Shahmir Jadoon
    March 12, 2019 at 03:45

    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…

  18. Kiran Reddy
    March 12, 2019 at 03:45

    It was nice class and why don't you guys make a video on ES6 with some examples ?

  19. Santosh Shah
    March 12, 2019 at 03:45

    Nice video. Loved it.

  20. Stephen Lai
    March 12, 2019 at 03:45

    I am the first one to attend the class!!!

Leave A Comment

You must be logged in to post a comment.