An even more educational version of the Bandolier for Learn JS the Hard Way.
https://learnjsthehardway.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
499 B
19 lines
499 B
{% include "./header.html" %}
|
|
<h1>Your TODOs</h1>
|
|
|
|
<p>Welcome {{ name }}, here's your TODOs</p>
|
|
|
|
<ol>
|
|
{% for todo in todo_list %}
|
|
<li style="display: flex; gap: 1rem;"><form action="/todo?todo_id={{ todo.id }}" method="POST"><button>X</button></form> {{ todo.task }}</li>
|
|
{% else %}
|
|
<li>No TODO Items</li>
|
|
{% endfor %}
|
|
</ol>
|
|
|
|
<h4>Add a New TODO</h4>
|
|
<form action="/todo" method="POST">
|
|
<label for="task">Task</label>
|
|
<input name="task"></input>
|
|
</form>
|
|
{% include "./footer.html" %}
|
|
|