Javascript 为什么我的addEventListener不使用我的laravel刀片文件

这里有人知道我的js代码出了什么问题吗？当我的刀片文件上的按钮只有一个并且在@foreach中时，我一直在做这种代码

我没有收到错误，因此很难调试

let Btn_showProfiles = document.querySelectorAll(".btn-show-profiles");

Btn_showProfiles.forEach(function(Btn_showProfile){
     Btn_showProfile.addEventListener('click', btn_show=>{

     console.log("test");

       });
 })

我的代码在刀片文件中

<div class="row">
     <div class="col-7 mt-3 mb-2">
            @foreach($profiles as $profile)
            <div class="mb-2">
                    <h3>{{ $profile->name }}</h3>
                    <p>{{ $profile->age }}</p>
                    <a href="#" data-toggle="modal" class="btn-show-profiles" data target="#user_profile"</a> 
            </div>
        @endforeach
    </div>

@foreach（$profile作为$profile）
{{$profile->name}
{{$profile->age}

像这样试试

Array.from(Btn_showProfiles).forEach(profile => {
    profile.addEventListener('click', function(event) {
        console.log('works');
    });
});

最短解

document.querySelectorAll('.btn-show-profiles')
  .forEach(element => input.addEventListener('click', event => {
   console.log(element);
}));

Btn_showProfiles中有什么内容？和
数据目标
属性在代码中被称为
数据目标
。它可能与blade无关，您应该提供更完整的示例。我的eventlistener没有使用我的锚标记。