Convert the displaying of output to MVVM
[brainmess.git] / js / form.html
1 <html>
2 <head>
3  <title>Brainmess</title>
4  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
5  <script type='text/javascript' src="knockout-2.0.0.js"></script>
6
7  <script src="main.js"></script>
8  <script src="program.js"></script>
9  <script src="tape.js"></script>
10  <script src="context.js"></script>
11 </head>
12 <body>
13  <form name="ioForm">
14  <label>Program</label><br>
15  <textarea id="prog" name="prog" cols=80 rows=20 wrap="hard"></textarea>
16  <input type="button" name="runButton" value="Run" onClick="main();"/>
17  <br>
18  <label>Input</label>
19  <input type="text" id="input" disabled="true"
20     onKeyPress="brainmess.resume(event);"></input>
21  <br>
22  </form>
23
24
25  <!-- This is a *view* of the output -->
26  Output: <p data-bind="text: programOutput"></p>
27
28  <!-- This is my viewmodel -->
29
30     <script type="text/javascript">
31         var myViewModel = {
32             programOutput: ko.observable(""),
33         };
34     </script>
35     <script type="text/javascript">
36         ko.applyBindings(myViewModel);
37     </script>
38
39 </body>
40 </html>