D4mations.com

Tag: javascript modal

  • Create a Modal With HTML, CSS & JavaScript

    In this video we will be creating a modal from scratch using HTML, CSS and JavaScript. You see these a lot with frameworks like Bootstrap but here we will create our own custom modal. CODE: Code for this video BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA:…

  • JavaScript Tutorial | Modals & Loops | Part 2

    In the previous video we added JavaScript to let our modal appear and disappear after a “click” event. Unfortunately, using the “querySelector” to open the modal only works for a single element. Time to find out how to select multiple elements of the same class with “querySelectorAll” and also how to use loops and “addEventListener”…

  • 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: 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:…