cobalt/debug/console/content/debug_console.html

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="debug_console.css">
</head>

<script type="text/javascript">
  const scripts = [
    'console_manager.js',
    'debug_console.js',
    'console_values.js',
    'message_log.js',
    'command_input.js',
    'debug_commands.js',
    'debugger_client.js',
    'media_console.js',
  ];

  // Load each script one after the other.
  function LoadScript(index) {
    var script = document.createElement('script');
    if (index < scripts.length - 1) {
      // Load the next script after this one finishes loading.
      script.onload = LoadScript.bind(this, index + 1);
    }
    script.src = scripts[index];
    document.head.appendChild(script);
  }
  LoadScript(0);
</script>

<body>
  <div id="hudFrame">
    <div id="hud"></div>
  </div>
  <div id="debugConsoleFrame">
    <div id="messageContainerFrame">
      <div id="messageContainer"></div>
    </div>
    <div id="in">> _</div>
  </div>
  <div id="mediaConsoleFrame">
    <div id="mediaConsole"></div>
  </div>
</body>

</html>