KPC
Kevin Powell - Community•2y ago
winniffy

how do i loop over buttons that have the same class but are to do different things?

in a case like the image, how do i assign the different calculation algos to each button but with much lesser code, rather than writing out different codes for each button? 
const tipButtons = document.querySelectorAll('.select_btn');
tipButtons.forEach(elem => {
    console.log("button clicked"); 
});
const tipButtons = document.querySelectorAll('.select_btn');
tipButtons.forEach(elem => {
    console.log("button clicked"); 
});
nothing logs to the console.
2 Replies
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
winniffy
winniffy•2y ago
thank you.
Want results from more Discord servers?
Add your server
More Posts
Loading css from js causes the content to jump?I have customized bootstrap 5 and I need to support rtl I am using rtlcss to generate the .rtl.css Need help in general with cssim having issues where i set display to flex in parent and used alignitems & justify content to centUsing the dialog element for an off canvas menu👋 everyone! Do you think using the <dialog> element for creating an off canvas menu is a smart moregExp Questionin the [-\w] what does the - mean is it considered as a code or it's just a letterasync await in loopsI have this code, but I don't understand why this all gets printed right after each other, where I wslide showhttps://aarzookhurana.com/ how can I achieve this slide show with pause, resume, next, previous buttIs storing large objects inside svelte store a bad idea?I have a large object, would it make more sense to store it in svelte store or since its large in thArticle on spotting issues with overflowhttps://www.smashingmagazine.com/2021/04/css-overflow-issues/ this article explains how you can wri