@Dimon3x

Почему не работает addEventListener?

В песочнице работает
https://jsfiddle.net/wr6jp2o0/

Этот же самый код не работает, на странице Laravel.

Странно, что в консоль выводит

NodeList(3) [span.btnAnswer, span.btnAnswer, span.btnAnswer]


А дальше клик не работает, почему? И ошибок не выводит.

<div class="question">

            <div class="img-and-variantbi clearfix">
                
                <div class="question-for-img">

                    <form class="aaa" method="get">
                        <ul class="clearfix radio-answer">
                        <li>......</li>
                        <li>......</li>
                          

                             <br>
                        <span style="display: inline-block;"class="btnAnswer">Проверить</span>
                        </ul>
                    </form>


                </div>
            </div>
        </div>
        
        
        
        
          <div class="question">

            <div class="img-and-variantbi clearfix">
                
                <div class="question-for-img">

                    <form method="get">
                        <ul class="clearfix radio-answer">
                        <li>......</li>
                        <li>......</li>
                          

                             <br>
                        <span style="display: inline-block;"class="btnAnswer">Проверить</span>
                        </ul>
                    </form>


                </div>
            </div>
        </div>
        
        
        
          <div class="question">

            <div class="img-and-variantbi clearfix">
                
                <div class="question-for-img">

                    <form method="get">
                        <ul class="clearfix radio-answer">
                        <li>......</li>
                        <li>......</li>
                          

                             <br>
                        <span style="display: inline-block;"class="btnAnswer">Проверить</span>
                        </ul>
                    </form>


                </div>
            </div>
        </div>


var ans = document.querySelectorAll('.btnAnswer');
    
    
    console.log(ans);
    ans.forEach(function (element, i) {
        ans[i].addEventListener('click', function(e) {
            e.preventDefault();
            console.log(333);
        })

    })
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Dimon3x Автор вопроса
Я убрал поумолчанский блок

<div id="app">

из файла app.blade.php и всё заработало.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы