Javascript_mytodolist/index.html at master · tegsheeb/Javascript_mytodolist · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<body>
    <div id="app"></div>
    <!-- CSS Styles are 100% optional. but they make it look *much* nicer -->
    <link rel="stylesheet" href="lib/todomvc-common-base.css">
    <link rel="stylesheet" href="lib/todomvc-app.css">

    <script src="lib/elmish.js"></script>
    <script src="lib/todo-app.js"></script>
    <script>
      var model = {
        todos: [
          { id: 1, title: "Learn Elm Architecture", done: true },
          { id: 2, title: "Build Todo List App",    done: false },
          { id: 3, title: "Win the Internet!",      done: false }
        ],
        hash: '#/' // the "route" to display
      };
      mount(model, update, view, 'app');
    </script>

    <!-- Below this point is all related to the Tests for the App -->
    <div id="test-app"></div> <!-- Create a test-app div to mount the app -->

    <!--
    <footer class="footer" style="display: block;">
      <span class="todo-count" id="count"  >
        <strong>2</strong> items left
      </span>
      <ul class="filters">
        <li>
          <a href="#/" class="selected">All</a>
        </li>
        <li>
          <a href="#/active">Active</a>
        </li>
        <li>
          <a href="#/completed">Completed</a>
        </li>
      </ul>
      <button class="clear-completed" style="display: block;">
        Clear completed
      </button>
    </footer>
    -->

    <!-- <footer class="info">
      <p>Double-click to edit a todo</p>
      <p>Created by <a href="http://twitter.com/oscargodson">Oscar Godson</a></p>
      <p>Refactored by <a href="https://github.com/cburgmer">Christoph Burgmer</a></p>
      <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
    </footer> -->

  </body>