Функция JavaScript не вызывается при загрузке страницы

Question

У меня есть функция JavaScript, расположенная внизу моей страницы, но по какой-то причине страница не вызывается при загрузке страницы.Я попытался запустить его на консоли, чтобы убедиться, что он не выдает ошибку, но он работал отлично.Я даже пытался установить

window.onload = function() {applyMovement();}

, который даже не работал.

about.js

function applyMovement() {
    let bars = document.getElementsByClassName('progress-bar');
    for (let i = 0; i < bars.length; i++) {
        moveBar(bars[i], i);
    }
}

index.blade.php

...
</body>
<script src="{{ asset('/js/about.js') }}">window.onload = function() {applyMovement();} </script>
</html>

Следует отметить, что я использую Laravel 5.8.Я поместил мой файл JS в публичный каталог.Также выполняются и другие действия с файлом, но не эта патрикальная функция.

Answer 1

Попробуйте разместить новый тег скрипта под объявлением about.js.Например:

...
</body>
<script src="{{ asset('/js/about.js') }}"> </script>
<script> window.onload = function() {applyMovement();} </script>
</html>

Если это не сработало, попробуйте следующее (привязать его к окну как глобальному):

window.applyMovement = function() {
    let bars = document.getElementsByClassName('progress-bar');
    for (let i = 0; i < bars.length; i++) {
        moveBar(bars[i], i);
    }
}