Javascript не выполняется в моем html-коде Django

У меня есть очень простой HTML код, который я включаю в свой проект Django, однако Javascript не загружается в моем проекте, кнопка, кажется, ничего не делает, где я хочу запустить свой гидтур js.

Код прилагается ниже

Скрипт.js включен в мою {static} / папку, которая уже загружена. ///

  <script>
    var tourguide = new Tourguide();
    function startTour() {
      tourguide.start();
    }
    // Attach the touruide start evene to the button press
    var tourbutton = document.getElementById("tourbutton");
    tourbutton.addEventListener("click", startTour);
    </script>

Однако интерактивное действие, похоже, не удалось активировать.

Ниже приведен пример вывода при успешном выполнении. Example output

Сначала поместите ваш JS-код в статический файл в функции-обертке, которая будет лаунчить ваш код после того, как все вещи будут загружены:

window.onload = () => {
    // your js code here
})

Во-вторых, вы должны изменить способ прикрепления JS-файла к HTML-странице:

<script src="{% static 'js/script.js' %}"></script>

В конечном итоге вы пытаетесь получить кнопку следующим образом:

var tourbutton = document.getElementById("tourbutton");

Но ваша кнопка не имеет заданного ID.

Надеемся, что это поможет.

Все файлы скриптов обернуты в ссылки на таблицу стилей. Вместо этого они должны быть обернуты в script src.

<script type="text/javascript" src="{% static 'js/script.js' %}"></script>
Вернуться на верх