How to use javascript function in just fixed numbers of time?

Question

<img src='plus.jpg' width='80' height='80' onclick="myFunction2()">

return

function myFunction2() {
        var x = document.createElement("INPUT");
        x.setAttribute("name", "image[]");
        x.setAttribute("type", "file");
        document.getElementById("add").appendChild(x);
}

I would like to use myFunction2() just 4 times. After that, I want to stop this function. Can you give me any suggestion? Thanks in advance.

I did but I don't know exactly where to put the index number... @RajaprabhuAravindasamy — J.Doe
– J.Doe, Commented Feb 28, 2016 at 11:06

Mohammaed Abed · Accepted Answer · 2016-02-28 11:12:44Z

1

Try this :

var limit = 1;
function myFunction2() {
  if(limit <= 4){
   var x = document.createElement("INPUT");
   x.setAttribute("name", "image[]");
   x.setAttribute("type", "file");
   document.getElementById("add").appendChild(x);
   limit += 1;
  }else{
   alert("Stop");
  }
}

answered Feb 28, 2016 at 11:12

Mohammaed Abed

262 bronze badges

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

1 Comment

J.Doe Over a year ago

Thanks a lot @MohammaeAbed

Darshan · Accepted Answer · 2016-02-28 11:36:56Z

1

solution using jQuery.

var timesClicked = 0;
$( "#imgId" ).bind( "click", function( event ) {

  // do your operations here

  timesClicked++;
  if ( timesClicked >= 4 ) {
    $( this ).unbind( event );
  }
});

answered Feb 28, 2016 at 11:36

Darshan

1,0447 silver badges16 bronze badges

Comments

Theo Itzaris · Accepted Answer · 2016-02-28 11:22:02Z

0

why dont you use a counter to check when the clicks reach 4, like this

HTML:

<img src='plus.jpg' width='80' height='80' onclick="myFunction2()">

INTO JS

    var myCounter=0;  
    function myFunction2() {
if(myCounter <4){myCounter++;
            var x = document.createElement("INPUT");
            x.setAttribute("name", "image[]");
            x.setAttribute("type", "file");
            document.getElementById("add").appendChild(x);
}
    }

answered Feb 28, 2016 at 11:22

Theo Itzaris

4,7067 gold badges44 silver badges77 bronze badges

Collectives™ on Stack Overflow

How to use javascript function in just fixed numbers of time?

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related