Функция элемента не выполняется с использованием внешнего js

#javascript #html #django

#javascript #HTML #django

Вопрос:

Я только начал изучать JS, и мне все время не удается успешно запустить функцию через внешний javascript. Я понятия не имею, что не так. Дело в том, что он работает при использовании встроенного javascript, но не внешнего. Вот следующий код:

 {% load static %}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{% static 'css/main.css' %}">

<title id='title'> Home </title>

</head>
<body>

<input type="button" id="btn" value="testas" onclick="myFunction()" />

<address>
    Written by <a href="mailto:webmaster@example.com">Jon Doe</a>
</address>

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

</body>
</html>
 

JS:

 function ChangeTitle() {
    document.getElementById("title").innerHTML = 'Homepage';
}
 

Я хочу изменить заголовок «Home» на «Homepage», но он не работает на внешнем JS.

Ответ №1:

в вашем JS-скрипте вы только создали функцию, теперь вам нужно ее вызвать.

Просто добавьте ChangeTitle(); в конце скрипта.