An even more educational version of the Bandolier for Learn JS the Hard Way.
https://learnjsthehardway.com/
32 lines
418 B
32 lines
418 B
{% include "./header.html" %}
|
|
|
|
<h1>Your TODOs</h1>
|
|
|
|
<ol>
|
|
{% for todo in todo_list %}
|
|
<li>{{ todo.task }}</li>
|
|
{% else %}
|
|
<li>No TODO Items</li>
|
|
{% endfor %}
|
|
</ol>
|
|
|
|
<style>
|
|
.disabled {
|
|
display: none;
|
|
}
|
|
|
|
.enabled {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
<div x-state="state-1" class="disabled">
|
|
<h1>State 1</h1>
|
|
</div>
|
|
|
|
<div x-state="state-2">
|
|
<h1>State 2</h1>
|
|
</div>
|
|
|
|
|
|
{% include "./footer.html" %}
|
|
|