Javascript 三次单击后禁用按钮?

Javascript 三次单击后禁用按钮?,javascript,html,button,Javascript,Html,Button,我有一个添加新行的按钮,但我希望它在添加三个新行后停止 <td> <input type="button" class="add-move-button" id="add-move-button" value="Add Move" onclick="addRow()"> </td> 我将如何着手处理这个问题?我的想法是,我必须以某种方式计算按钮被点击的次数,然后发送一个警告,说“你不能再点击我了”。我希望是这样的?您可以使用localstorag

我有一个添加新行的按钮,但我希望它在添加三个新行后停止

<td>
    <input type="button" class="add-move-button" id="add-move-button" value="Add Move" onclick="addRow()">
</td>


我将如何着手处理这个问题?我的想法是,我必须以某种方式计算按钮被点击的次数,然后发送一个警告,说“你不能再点击我了”。我希望是这样的?

您可以使用localstorage检查添加了多少行,然后采取相应的行动

localStorage.setItem('rows-added', 0);
const addRow = () => {
    let current_rows_added = localStorage.getItem('rows-added');
    if (localStorage.getItem('rows-added') == 3){
        alert("you have already added 3 rows")
    }else{
        // your code that adds the row
        localStorage.setItem('rows-added', current_rows_added + 1);
    }
}

您可以使用localstorage检查添加了多少行,然后采取相应的行动

localStorage.setItem('rows-added', 0);
const addRow = () => {
    let current_rows_added = localStorage.getItem('rows-added');
    if (localStorage.getItem('rows-added') == 3){
        alert("you have already added 3 rows")
    }else{
        // your code that adds the row
        localStorage.setItem('rows-added', current_rows_added + 1);
    }
}

var btnCount=0;
函数addRow(){
btnCount++;
如果(BTN计数>3){
提醒(“你不能再点击我”);
返回;
}
}

var btnCount=0;
函数addRow(){
btnCount++;
如果(BTN计数>3){
提醒(“你不能再点击我”);
返回;
}
}

在javascript中,您必须初始化一个全局变量,例如 var计数=0

例如,当您单击按钮调用Javascript方法时

function checkRowCount(){
  if(count > 2){
    alert("Count is exceeded");
  }else{
    ++count;
  }
}

注意:当您要删除一行时,请确保在javascript中将计数值减少1(-count;)

,例如,您必须初始化一个全局变量 var计数=0

例如,当您单击按钮调用Javascript方法时

function checkRowCount(){
  if(count > 2){
    alert("Count is exceeded");
  }else{
    ++count;
  }
}

注意:当您要删除一行时,请确保将计数值减少1(-count;)

您可以发布您已经尝试过的Javascript代码,以及您遇到的问题吗?@Tom您尝试过这个了吗?你能发布你已经尝试过的Javascript代码吗?你有什么问题吗?@Tom你试过了吗?