CODEWITHSUNDEEP
javascript
Akhil Nair
Akhil Nair

Reputation: 137

Click event not triggering for every iteration of for loop

I want to automate this page to generate exam results. I want to generate exam results from one particular date to some other particular date. On clicking the submit button, the page generates another page in a new tab.

Manually clicking 10 times will generate 10 tabs. But see the following code:

for(let i=0;i<10;i++)
{
document.querySelector('#reg1').click();
console.log(`clicked ${i}th time`)
}

I want to trigger a click 10 times and it should generate 10 tabs accordingly. But the problem is that the click works only works on the 10th iteration and spawns 1 tab only. Help me. see

Edit: @Jesse See my utility full code:

var dateFrom=new Date('2017-01')
var dateTo=new Date('2019-01')
for(var i=dateFrom;i<dateTo;i.setMonth(i.getMonth()+1))
{
    // console.log(`${i.getFullYear()}-${i.getMonth()}`);
    // var dd=`${i.getFullYear()}-${i.getMonth()}`;
    var dd=new Date(i).toISOString().substr(0,7);
    console.log(dd);
    document.querySelector("input#picker.form-control").value=dd;
    var type='Supplementary'
    document.querySelector("select#result_type.form-control.form-email.selectoption").value=type;
    document.querySelector('#reg1').click();

}

Upvotes: 4

Views: 223

Answers (3)

hankchiutw
hankchiutw

Reputation: 1662

Somehow you have to execute the subsequence clicking in an asynchronous manner. I got this work by this:

let i=0;
(function doClick(){
  document.querySelector('#reg1').click();
  i++;
  if(i<10) setTimeout(() => doClick());
})()

Another approach using async function:

(async function doClick() {
  for(let i=0;i<10;i++) {
    document.querySelector('#reg1').click();
    await new Promise(setTimeout);
  }
})()

Upvotes: 1

ray
ray

Reputation: 27285

I just figured out that my browser's popup blocker is stopping the subsequent tabs from being opened.

Try turning off your popup blocker. I was able to trigger the behavior you're after with mine off.

It works when you click it because it's a user interaction, so the blocker assumes it's something you're actively trying to do. If you trigger it programmatically, repeatedly, it gets blocked. This makes sense given that one of your browser's popup blocker's primary functions is to prevent sites from trapping you in infinite popup hell.

Upvotes: 1

Yoko Ishioka
Yoko Ishioka

Reputation: 161

It's because you're using the same ID. Either switch to using a class or change the ID names so they aren't identical.

Upvotes: 0

Related Questions