catclickerKnockoutJS/index.html at master · liamkar/catclickerKnockoutJS · 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
<HTML>

<HEAD>
  <TITLE>Cat clicker KO</TITLE>
</HEAD>

<BODY BGCOLOR="FFFFFF" >
<section>
  <ul data-bind="foreach: catList()">
    <li>
      <span data-bind="click: $parent.changeCurrentCat, text: name, attr: {id: 'myprefix_' + $index() "> </span>
    </li>
  </ul>
</section>

<section data-bind="with: currentCat()">
  <div>
    <h2 data-bind="text: name"></h2>
    <h3 data-bind="text: level"></h3>
    <div data-bind="text: clickCount"></div>
    <img src="" alt="cute cat" data-bind="click: $parent.incrementCounter, attr: {src: imgSrc}">
  </div>

  <ul data-bind="foreach: nicknames">
    <li>
      <span data-bind="text: $data"> </span>
    </li>
  </ul>
</section>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script type='text/javascript' src='js/knockout-3.4.2.js'></script>
  <script src="js/catclicker.js"></script>
</BODY>

</HTML>