Désactiver un bouton après trois clics?

Vous pouvez utiliser localStorage pour vérifier le nombre de lignes ajoutées, puis agissez en conséquence.

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);
    }
}

    <td>
        <input type="button" class="add-move-button" id="add-move-button" value="Add Move" onclick="addRow()">
    </td>
<script>
    var btnCount = 0;
    function addRow() {
        btnCount++;
        if(btnCount > 3) {
            alert("You can't click me anymore");
            return;
        }
    }
</script>

En JavaScript, vous devez initialiser une variable globale par exemple var count = 0;

et lorsque vous cliquez sur le bouton Appeler sur une méthode JavaScript, par exemple P>

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