Php 对js进程的物化调用问题

我正在使用Materialize处理一个web应用程序，在添加搜索字段之前，一切正常。没有错误，但按钮不执行任何操作。在同一行中，有两个按钮，第一个用于工作

usuario.php：

<div class="container">
    <div class="col s6 left">
        Buscar:
        <div class="input-field inline">
            <input id="fCriterio" type="text" class="validate">
            <label for="fCriterio">
            </label>
        </div>
        <button class="btn-floating btn-small blue" onclick="buscarCrit()">
            <i class="material-icons">search</i>
        </button>
    </div>

    <div class="col s2 right">
        <button class="btn modal-trigger blue" data-target="idModal1">
            Nuevo
        </button>
    </div>
</div>

---

我复制了另一个正在工作但不工作的按钮，没有错误，什么都没有。

尝试使用一个单击事件，而不是内联

onclick

。为该按钮声明一个单击事件侦听器，并在其中调用

buscarCrit

示例：

函数buscarCrit（）{
警报（“你好，世界！”）
M.toast（{html:“Buscando”，类：'green'}）；
}
window.addEventListener（'load'，（）=>{
document.getElementById（'btn-foo'）。addEventListener（'click'，buscarCrit）；
});

客车：
搜索
新加沃
好的，我发现了错误，非常简单，但我没有看到它，对函数的调用必须在其名称后面加括号

`


搜索
` 

感谢@imvain2和@Zugor为您提供的时间和帮助
 我希望验证您的modal的ID，您正在声明ID是
idModal1
。此外，我还将验证模式触发器是否希望
数据目标始终为ID，而不希望
#
按钮正常工作。首先，这是问题所在，thank's imvain2I try，但不是函数调用，只需尝试打开文件“thank's ZugorIt’s same，look for”，无消息或toast.：（这是错误消息'TypeError:无法访问属性“addEventListener”，document.getElementById（…）为null'是否将id属性放入按钮中？是的，属性为was writen id=“btn foo”。
function buscarCrit(){
    M.toast({html: "Buscando", classes:'green'});   
}

   <a class="btn-floating btn-small green" data-toggle="modal" onclick="buscarCrit()">
         <i class="material-icons">search</i>
   </a>
</td>`