javascript - 我应该使用哪种方法来禁用按钮

Question

这是用于数字验证的JS代码，当数字长度等于9或10时按钮被禁用，并且仅当我由于“keyup”方法而在输入表单中写入内容时才起作用。在我编写的脚本的开头比按钮应该被禁用，但它不起作用，当我进入网站时他被启用。

 add_shortcode('custom_js_for_cf7','custom_js_for_cf7');
       function custom_js_for_cf7($args){
       return 
      <script>
      document.getElementById("przycisk").disabled = true;
      document.getElementById("numertel").addEventListener("keyup", 
      function() {
          var numerlength = this.value.length;
          if (numerlength == 10 || numerlength == 9)
            document.getElementById("przycisk").disabled = false;
          else
            document.getElementById("przycisk").disabled = true;
        });
        </script>
        ';
        }

进入网站时应该使用哪种方法禁用按钮？我尝试了 onload 和 load 但也不起作用。

Answer 1

I wrote than button should be disabled but it doesnt work,he is enabled when I enter site.

将禁用部分放入文档的DOMContentLoaded事件监听器中。

document.addEventListener("DOMContentLoaded", function() {
    document.getElementById("przycisk").disabled = true;
});