Не подключается скрипт js в html

Не могу понять почему когда скрипт внутри html файла - он работает , а когда я выношу скрипт в отдельный файл и кидают ссылку на него в тег - он перестает работать . Хелп ми плиз.

<body>
<h1>RPG admin panel</h1>
<h2>Account list</h2>
<table id="table">
    <thead>
    <tr>
        <th>#</th>
        <th>Name</th>
        <th>Title</th>
        <th>Race</th>
        <th>Profession</th>
        <th>Level</th>
        <th>Birthday</th>
        <th>Banned</th>
    </tr>
    </thead>
    <tbody id="tableBody">
    </tbody>
</table>
<script src="../js/script.js"></script>
</body>
</html>

Js:

    let url = "/rest/players";

$(document).ready(function () {
    $.getJSON(url,
        function (json) {
            let tr;
            for (let i = 0; i < json.length; i++) {
                tr = $('<tr/>');
                tr.append("<td>" + json[i].id + "</td>");
                tr.append("<td>" + json[i].name + "</td>");
                tr.append("<td>" + json[i].title + "</td>");
                tr.append("<td>" + json[i].race + "</td>");
                tr.append("<td>" + json[i].profession + "</td>");
                tr.append("<td>" + json[i].level + "</td>");
                tr.append("<td>" + json[i].birthday + "</td>");
                tr.append("<td>" + json[i].banned + "</td>");
                $('#tableBody').append(tr);
            }
        });
});

Фото директории проекта: введите сюда описание изображения


Ответы (0 шт):