DEV Community

Daniel Deutsch
Daniel Deutsch

Posted on

Reduce your time clicking elements on the web

Reduce your time clicking elements on the web by Aziz Acharki

Since I am an organizer of a meetup (FCC Vienna) in need to spend time on their platform I think their website could use an update in terms of user experience, but I really like the functionality and concept. However, one thing that really bothers me are the limited options to regulate your email notification settings. In the today's fast moving world I don't have time to click hundreds of checkboxes just in order to be safe from SPAM, so I found a faster solution using JavaScript.

📄 Table of contents

"The less effort, the faster and more powerful you will be." - Bruce Lee

Using the power of JavaScript on the web

The fact that all webpages are or can be controlled by JavaScript provides additional opportunities for those who are capable of using it in the console.

The problem

In order to change the email notification settings for each meetup you have to click on each meetup and the uncheck each of those boxes. When I am now a member of many groups I have to go through the process many times, which offends me in some way since my time is very valueable.


So to solve that task programmatically, I identify the checkbox element in the chrome inspector:


After that I am using the document.querySelector to grab those elements and store it in an array:



The solution

Now use .foreach on the array and click each item.

[...document.querySelectorAll(".icon-s")].forEach(box=> {;


🚀 That's how fast and easy you can solve that problem

These 3 lines of code save you a lot of time when you have to click many times. Be sure to use your powerful knowledge of JavaScript in your day-to-day work. 😃

If a developer of is reading this

please adapt the UX of the homepage. Thanks a lot :D

Useful links & credits

If you gained something from this article let me know with a comment or heart. Make sure to follow for more :)

Discussion (0)