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>
Однако интерактивное действие, похоже, не удалось активировать.
Ниже приведен пример вывода при успешном выполнении.
Сначала поместите ваш 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>