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.
34 lines
613 B
34 lines
613 B
{% include "./header.html" %}
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style>
|
|
.disabled {
|
|
display: none;
|
|
}
|
|
|
|
.enabled {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
<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" %}
|
|
|