simple-todos.html



<head>

  <title>Xplorer's Todo List</title>

</head>

 

<body>

  <div class="container">

    <header>

      <h1>Xplorer's Todo List</h1>

      <form class="new-task">

        <input type="text" name="text" placeholder="Type to add new tasks" />

      </form>

    </header>

    <ul>

      {{#each tasks}}

        {{> task}}

      {{/each}}

    </ul>

  </div>

</body>

 

<template name="task">

  <li class="{{#if checked}}checked{{/if}}">

    <button class="delete">&times;</button>

 

    <input type="checkbox" checked="{{checked}}" class="toggle-checked" />

 

    <span class="text">{{text}}</span>

  </li>

</template>