javascript - HTMLのクリックボタンを制限する

Question

ラジオボタンを追加するために、5回しかクリックできないボタンを制限しようとしています。ラジオボタンを5回追加すると、無効になります。この問題のJavaScriptコードは何ですか? クリックした後、一度だけ無効にすることができます。以下はコードです

html

<input type ='button' id="id" onClick="a();">
        <div id='a'></div>

JavaScript

function a(){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    document.getElementById("id").disabled=true;
}

Answer 1

グローバルカウンターを置いて遊ぶ

var counter=0;

function a(){
if(counter<5){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    counter++;
}
else{
    document.getElementById("id").disabled=true;
}
}

Answer 2

クリックされた回数のグローバル変数が機能します。

var clicked = 0;
function a(){
    document.getElementById('a').innerHTML += "<input type='radio'>";
    clicked++; //increment

    if (clicked == 5)
        document.getElementById("id").disabled=true;
}

Answer 3

これはあなたが必要とするものです：

var counter = 0;

function a ()
{
    if (counter++ < 5)
        document.getElementById('a').innerHTML += "<input type='radio'>";
    else
        document.getElementById('id').disabled = true;
}

Answer 4

これを試して：

var counter = 1;

function a(){
    if(counter >= 5) {
        document.getElementById("id").disabled=true;
        return false;
    }
    document.getElementById('a').innerHTML += "<input type='radio'>";

    counter++
}