example-in-django-waiting-room-for-asynchronous-tasks/waiting_room/templates/index.html

{% extends 'base.html' %}

{% block title %}Run task{% endblock %}

{% block content %}
    <h1>Index</h1>
    <section
	id="form-start-task"
	hx-ext="ws"
    >
	<form id="form" ws-send>
	    <input type="submit" name="task" value="calculate">
	</form>
    </section>
    <script>
     document.querySelector('#form-start-task').setAttribute('ws-connect', '/ws/' + localStorage.getItem('userId') + '/');
    </script>
    <section>
	{% if result %}
        <h2>The result is {{ result }}</h2>
	{% endif %}
    </section>
    <a href="{% url 'waiting_room:about_us' %}">Go to about us</a>
{% endblock %}