Как добавить и использовать <script></script> прямо на html в Django
есть приложение main с папками migrations, static/main/css,img,js, templates/main/index.html. как мне добавить свой js код прям в html? без импортов итд, простой способ ''' ''' не работает. Мне это нужно чтобы использовать jquery, в своем проекте
'''
{% load static %}
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>{% block title %} {% endblock %} </title>
<link rel="stylesheet" href="{% static 'main/css/main.css' %}">
<script src="{% static 'main/js/jquery.js' %}"></script>
</head>
<body>
<header>
<div id="logo" onclick="slowScroll('#top')">
<span>APACHE</span>
</div>
<div id="about">
<a href="#" title="Возможности" onclick="slowScroll('#main')">Возможности</a>
<a href="#" title="Возможности" onclick="slowScroll('#overiew')">Преимущества</a>
<a href="#" title="Возможности" onclick="slowScroll('#contacts')">Контакты</a>
<a href="#" title="Возможности" onclick="slowScroll('#faq')">FAQ</a>
</div>
</header>
<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>
<script>
function slowScroll(id){
$('body').animate({
scrollTop: $(id).offset().top
}, 500;
}
$(document).on("scroll", function () {
if($(window).scrollTop() === 0)
$("header").removeClass("fixed");
else
$("header").attr("class", "fixed");
});
</script>
<main>
{% block content %}
{% endblock %}
</main>
</body>
</html>
'''