Reduce your time clicking elements on the web
Since I am an organizer of a meetup (FCC Vienna) in need to spend time on their platform meetup.com. 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:
[...document.querySelectorAll('.icon-s')]
The solution
Now use .foreach on the array and click each item.
[...document.querySelectorAll(".icon-s")].forEach(box=> {
box.click();
})
🚀 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 meetup.com 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 :)