javascript로 append 함수에 제한을 어떻게 줄 수 있습니까?

Question

끝없이 클릭하면 끝없이 추가되는 추가 버튼이 있습니다. 이 버튼이 이것을 10 번하고 싶다고합시다.

나는 환상적인 코드로 당신에게 알려주지 : p 내 생각에 내가 실수로 배울 수있는 것; 당신의 변수 이름을 사용

thismany = 1; 

appendbutton.onClick = "thismany = +1"; 
if{ thismany = <9} 

appendbutton.onClick = disabled 

사전에 감사

Answer 1

(function(){ 
    var count = 1; 
    document.getElementById("the_node_id").onclick = function(){ 
     if(count > 10){ 
      return; 
     } 
     do_stuff(); 
     count ++; 
    }; 
})() 

업데이트 :

var count = 1; 
addEvent(append, "click", function(/* someargument */){ 
    if(count > 10){ 
     return; 
    } 
    // if you need arguments that are passed to the function, 
    // you can add them to the anonymous one and pass them 
    // to appendFunction 
    appendFunction(/* someargument */); 
    count++; 
}); 

Answer 2

(내가 그 잘못하지만 헤이 메신저 학습을 알고) :

var thismany = 0; 

appendbutton.onclick = function() { 
    if (thismany++ < 10) { 
    // append things 
    } 
}; 

을 변수 캡슐화 :

appendbutton.onclick = function() { 
    if (this.count == undefined) { 
    this.count = 0; 
    } 

    if (this.count++ < 10) { 
    // append things 
    } 
}; 

Answer 3

이것은 곧은 자바 스크립트입니다. 또한 jQuery와 같은 프레임 워크를 살펴 보는 것이 더 편할 수도 있습니다.

버튼의 HTML에 특성으로 id="appendButton"이 있다고 가정합니다.

var count = 0; 
document.getElementById("appendButton").onClick = function(e) { 
    if(count >= 10) { 
      return false; 
    } 
    else { 
      count ++; 
      document.getElementById("id_of_thing_you_append_to").innerHTML += "Whatever you're appending"; 
    } 
}