В песочнице работает
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);
})
})