How to use javascript variable in django if statement (template)?

Question

I'm trying to update my html element with django if statement:

element.innerHTML= `{% if person.name == ${value} %} something {% endif %}`

but I receive an error:

TemplateSyntaxError at /
Could not parse the remainder: '${value}' from '${value}'

I also tried:

 `{% if person.name == ${value} %} something {% endif %}`

But the statement doesn't work properly. Is there anything I can do to combine javascript with Django variables?

raphael · Accepted Answer · 2022-03-25 20:21:09Z

2

Short Answer
No. You can not do this, at least not that easily.

Detailed (slightly) Answer
Django replaces all tags, {{ }} and {% %} with the result at the server (back end) end when the page is rendered, before it gets to the client. Your JavaScript (JQuery?) variable is evaluated by the client (the front end). Django will not know what ${value} is. So, no, you can not use a JavaScript variable in Django template code.

This does not mean you can not achieve what you want, but it must be done in the following way. Your JavaScript code can fetch the value of person.name from a view and then you can do your if statement in the JavaScript file after the response from the fetch is received. The view could return the value of person.name as a JsonResponse

answered Mar 25, 2022 at 20:21

raphael

2,9022 gold badges10 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

How to use javascript variable in django if statement (template)?

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