Element function fails to execute using external js

Question

I just started learning JS and I keep failing to make a function successfully run via external javascript. I have no idea what is wrong. The thing is that it works when using inline javascript, but not external one. Here's the following code:

{% 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:[email protected]">Jon Doe</a>
</address>

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

</body>
</html>

JS:

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

I want to change the title of "Home" to "Homepage" but it doesn't work on external JS.

patonjo · Accepted Answer · 2020-12-20 11:02:02Z

1

in your JS script you only created function, now you need to call it.

Just add ChangeTitle(); at the end of script.

answered Dec 20, 2020 at 11:02

patonjo

4624 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Element function fails to execute using external js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related