В проекте Django стилизация через JavaScript не работает
Я новичок в Django и Python. Во время работы я весь день пытаюсь решить проблему, но не получается. Все выглядит нормально и работает на w3schools и других тестовых сайтах. Вот двухстрочный код из index.js-
alert(window.innerWidth);
document.getElementById("body2").style.color = "#0000ff";
Первая строка показывает ширину окна, но вторая ничего не делает. Я пытался изменить цвет, размер шрифта, вес... и т.д., но ничего не работает там, где все прекрасно работает на встроенном, внутреннем или внешнем css. Проблема только со стилизацией из JS. Вот, раздел Head в base.html
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSP: Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="shortcut icon" type="image/png" href="{% static 'favicon.png' %}">
<link rel="stylesheet" type="text/css" href="{% static 'base.css' %}">
{% block ecss %}
{% endblock %}
</head>
Я связал index.js и index.css через блок ecss....