刷新页面时，“提交”按钮不起作用-javascript

Question

The code is given below:

    <button type="button" class = "butt1" id ="submit" name ="submit" onclick="myAns(); this.disabled = true;"> Answer </button>

<script>
        function myAns(){
        for(var t=0; t <=count-1; t++) { 
        var table = document.getElementById("tableid");
        var row = table.insertRow(t);
            var cell1 = row.insertCell(0);
            cell1.innerHTML =array[t];

            }
    }
</script>

1. I am trying to make sure submit button works only once when clicked.
2. The given code above works fine with chrome, if the page is refreshed, you can click once more.
3. In firefox, the given code also works once if the page is not refreshed.
4. In firefox, if the page is refreshed,you cannot click again. Can anyone provide the solution or show a way to do so?
5. Basically, I want to make sure the submit button is clickable only once at each refresh. The code is fine for Chrome but I need a solution at FireFox.

Answer 1

Your problem is here:

cell1.innerHTML =array[t];

change to this:

cell1.innerHTML = t;

 <table id="tableid"> <tr> <td>1</td> </tr> </table> <button id="submit" onclick="a(event)">Click Me!</button> <script> document.getElementById('submit').removeAttribute('disabled'); function a(e) { for (var t = 0; t <= 5 - 1; t++) { var table = document.getElementById("tableid"); var row = table.insertRow(t); var cell1 = row.insertCell(0); cell1.innerHTML = t; } e.target.setAttribute('disabled', 'disabled'); } </script>