index.html 915 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Javascript Finite State Machine</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <link href="demo/demo.css" media="screen, print" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body>
  9. <div id="demo" class='green'>
  10. <h1> Finite State Machine </h1>
  11. <div id="controls">
  12. <button id="clear" onclick="Demo.clear();">clear</button>
  13. <button id="calm" onclick="Demo.calm();">calm</button>
  14. <button id="warn" onclick="Demo.warn();">warn</button>
  15. <button id="panic" onclick="Demo.panic();">panic!</button>
  16. </div>
  17. <div id="diagram">
  18. </div>
  19. <div id="notes">
  20. <i>dashed lines are asynchronous state transitions (3 seconds)</i>
  21. </div>
  22. <textarea id="output">
  23. </textarea>
  24. </div>
  25. <script src="state-machine.js"></script>
  26. <script src="demo/demo.js"></script>
  27. </body>
  28. </html>