Почему мой addEventListener не работает с моим файлом лезвия laravel

Question

Кто-нибудь здесь знает, что не так с моим кодом 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>

Спасибо! : D

Answer 1

Попробуйте вот так

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);
}));