I am struggling to understand how I can implement font-weight changes on my webpage using JavaScript.
For instance, when a user is on the teachers page, the <a> Teachers </a>
text should have a bold font weight as illustrated in the image below.
https://i.sstatic.net/ZutBo.png
<!DOCTYPE html>
<html>
<head>
{% block head %}
<title>Private Classes</title>
{% endblock %}
<link rel="stylesheet" href="/styles.css">
</head>
<body>
<header>
<div class="links">
<a href="/" class="active">Teachers</a>
<a href="/students">Students</a>
</div>
</header>
{% block content %}
{% endblock %}
</body>
</html>