我试图通过点击按钮来运行一些简单的javascript，但似乎找不到关于如何设置javascript以在wordpress中运行的明确说明。

到目前为止，我采取的步骤是将脚本排队：

function tyc_load_styles() {
    wp_enqueue_style(\'main_font\', \'https://fonts.googleapis.com/css?family=Roboto:300\');
    wp_enqueue_style(\'font_awesome\', \'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\');
    wp_enqueue_style(\'main_styles\', get_stylesheet_uri());
    wp_enqueue_script( \'tyc_scripts\', get_theme_file_uri(\'/js/tyc_scripts.js\'));
};

add_action(\'wp_enqueue_scripts\', \'tyc_load_styles\');

然后在我的js文件中：

document.getElementById("navButton").addEventListener("click", function(){
 document.getElementById("mobile-menu").style.display = "block";
});

最后在标题中。php

<button id="navButton" class="button icon">
  <i class="fa fa-3x fa-bars mobile-nav"></i>
</button>

我收到一个未捕获的类型错误：无法读取null的属性“addEventListener”

提前感谢！

document.addEventListener(\'DOMContentLoaded\', function () {
    document.getElementById("navButton").addEventListener(\'click\', function() {
        alert("This works!");
    });
});