cia.html

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>CIA experiments</title>
  <link href="../css/candy.css" rel="stylesheet">  
  <link href="../style.css" rel="stylesheet">
  <style>
  .candy pre tt {
    max-height: inherit
  }
  </style>
 </head>
 <body class="candy greasy-green">

  <h1>CIA experiments</h1>

  <script>
    var memory = new Uint8Array(0x10000)

    var C64 = {
        memory: memory
    }
  </script>

  <details open>
   <summary title="Click to open/close">Log messages</summary>
   <pre class="log"><tt></tt></pre>
  </details>

  <script src="log.js"></script>
  <script src="cia.js"></script>

  <script>
    Log.dump(C64.memory, 0xdc00, 0xdc10, 'CIA I')
    Log.dump(C64.memory, 0xdd00, 0xdd10)
    window.setInterval(C64.cia.tick, 500)
  </script>

  </body>
</html>