Topics
Published on April 16, 2018 by Mindspace

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” on our page.

———-

Join our JavaScript Bootcamp: www.udemy.com/javascript-bootcamp-2016/learn/v4/?couponCode=ACAD_M

Starting Code: github.com/academind/web-development-beginners-guide/tree/13.01-js-modal-queryall-starting-code
Finished Code: github.com/academind/web-development-beginners-guide/tree/13.02-js-modal-queryall-finished-code

Want to learn something totally different? Check out all other courses: academind.com/learn/our-courses

———-

• You can follow Max on Twitter (@maxedapps).
• And you should of course also follow @academind_real.
• You can also find us on Facebook.(www.facebook.com/academindchannel/)
• Or visit our Website (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!

Leave a Reply

9 Comments on "JavaScript Tutorial | Modals & Loops | Part 2"

Notify of
avatar

SUPA DAY
Guest
SUPA DAY
10 days 10 hours ago

is it possible to skip writing a For Loop and use [*] in place of [i] to select all in the imageSF array? If not I'd love to hear why. Thanks for your videos!

Abu Sufian
Guest
Abu Sufian
1 month 4 days ago

thanks..make more.

Academind
Guest
Academind
1 month 3 days ago

Thank you for your comment Abu, more to come 🙂

Barjosa31 Blogspot
Guest
Barjosa31 Blogspot
1 month 6 days ago

Appreciate your effort! Thank you!

Academind
Guest
Academind
1 month 6 days ago

Thank YOU for your support 🙂

Андрей Рыжак
Guest
Андрей Рыжак
1 month 6 days ago

Very nice tutorial!

Academind
Guest
Academind
1 month 6 days ago

Thanks so much again!

Abhinav Krishna C K
Guest
Abhinav Krishna C K
1 month 7 days ago

Again happy to see tutorials coming. These tuts are really good tbh.And your udemy content is outstanding.

Academind
Guest
Academind
1 month 6 days ago

Thanks again for your comment and your support Abhinav, very happy to read that you like what we're doing!

wpDiscuz