Как передать переменную из шаблона Django в JS?

Question

[xibolba]

Как можно реализовать, можно ли пользоваться способом ниже?
views.py

def page(request):
    return render(
        request,
        'page.html', {
            'val': reverse('value_url'),
        }
    )

page.html

<input name="val_name" value="{{ val }}" type="hidden">
<script src="script.js"></script>

script.js

const value = document.querySelector('[name=val_name]').value;

Comments

[Everything_is_bad]

и в чём проблема?

[xibolba]

Проблем нет, решил переспросить, вдруг так делать нехорошо.

[Everything_is_bad]

xibolba, не нужно переспрашивать, нужно сначала сделать, и только если есть проблема уже сюда бежать, и то после гуглинга

Answer 1

[serhiops]

Можно так:
https://docs.djangoproject.com/en/5.0/ref/template...

Answer 2

[Дмитрий Темников]

Шаблонизатору абсолютно все равно в какую часть шаблона обрабатывать

Пример 1

<script type="text/javascript">
        if (history.pushState) {
        var baseUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
        var newUrl = baseUrl + `?cat={{ cat_id_join }}{% if tag.0 != "" %}&tag={{ tagstr_param }}{% endif %}&page={{ page }}&size={{ size }}&order={{ order }}&direction={{ direction }}`;
        history.replaceState(null, null, newUrl);
             }
    </script>

Пример 2

<script type="text/javascript">
    function catSelect(event) {
        var cat_id = $(event.currentTarget).attr('cat_id');
        if (event.ctrlKey) {
window.location.href = "/publication/?cat={{ cat_id_join }},"  + cat_id + "{% if tag.0 != "" %}&tag={{ tagstr_param }}{% endif %}&page=1&size={{ size }}&order={{ order }}&direction={{ direction }}"
                    return;
                }
        if (event.altKey) {
window.location.href = "/publication/?cat={{ cat_id_join }},"  + cat_id + "(del){% if tag.0 != "" %}&tag={{ tagstr_param }}{% endif %}&page=1&size={{ size }}&order={{ order }}&direction={{ direction }}"
                    return;
                }      	
window.location.href = "/publication/?cat="  + cat_id + "&page=1&size={{ size }}&order={{ order }}&direction={{ direction }}"
  }
</script>