How to write for loop for console log of web browser

Question

I am currently learning some Automation.

I just wanted to know how to we write a for loop for a button in the webpage with the help of browser console.

document.querySelector('.glyphsSpriteCircle_add__outline__24__grey_9').click()

I need to this button to clicked until the button element is present.

Appreciate your help.

You mean the user has to spam click this button until another button is present? o.0 Or did I get it wrong (like I assume) — monamona, Jul 09 '20 at 16:32
@monamona, Yes it has to run in a loop until the button is available — Ashfi Fahad nm, Jul 13 '20 at 12:18

score 0 · Accepted Answer · answered Jul 09 '20 at 14:35

You continuously invoke a function with setTimeout until the element is found.

function searchAndClick(selector, delay = 250){
    const el = document.querySelector(selector);
    if(el != null){
        el.click();
    } else {
        setTimeout(()=>searchAndClick(selector,delay),delay);
    }
}
searchAndClick('.glyphsSpriteCircle_add__outline__24__grey_9');

How to write for loop for console log of web browser

1 Answers1