how to call click function inside a while loop in jquery?

Question

How to call click function inside a while loop in jquery?

$(document).ready(function(){
  var count=2;
  while(count>0){
    $(".box1").click();
    count--;
   }
   $(".box1").click(function(){
     var aud=document.createElement('audio');
     aud.src="tom-1.mp3";
     aud.play();
   });    
});

fdomn-m · Accepted Answer · 2020-04-28 08:33:28Z

2

You need to specify .box1 as String.
Attach the event handler before calling it.
Add audio to HTML. (Do not use virtually in javascript), Otherwise you get Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. . now I am getting this error. error.

$(document).ready(function() {
  var count = 2;

  $(".box1").click(function() {
    var aud = document.getElementById('audio');
    // replace with your audio
    aud.src = "https://freesound.org/data/previews/515/515391_1453392-lq.mp3";
    aud.play();
  });

  while (count > 0) {
    $(".box1").click();
    count--;
  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<audio id='audio'></audio>
<button class='box1'>Play</button>

edited Apr 28, 2020 at 8:33

fdomn-m

28.8k8 gold badges39 silver badges70 bronze badges

answered Apr 28, 2020 at 6:53

BadPiggie

6,4391 gold badge17 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

harshvardhan mehta Over a year ago

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. . now I am getting this error.

Collectives™ on Stack Overflow

how to call click function inside a while loop in jquery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related