I have checked out How to dynamically add anchor/href in jQuery but to no avail.
How do I dynamically add the following anchor element using jQuery?
<a href="{{url_for('user.create')}}">Register</a>
I have tried the following:
$("#mySidenav").append('<a id="sideNavItem1" href="' + '{{url_for("user.create")}}' + ">Register User</a>");
but doesn't work.
It's really tricky with the quotes and jinja2 curly braces.
Any advice and insight is appreciated.
const sideNav = document.getElementById('mySidenav')
const url = url_for('user.create') //the URL address
const anchor = document.createElement('a')
anchor.innerText = 'Register'
anchor.setAttribute('href', url)
sideNav.appendChild(anchor)