2024-02-15 03:54:23 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
2024-02-16 05:19:41 +00:00
|
|
|
<script src="./dist/main.js"></script>
|
2024-02-15 03:54:23 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2024-02-21 05:45:14 +00:00
|
|
|
<title>Virtual 8-Bit Computer</title>
|
2024-02-15 03:54:23 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="main">
|
2024-02-15 05:32:54 +00:00
|
|
|
<div id="title">VIRTUAL 8-BIT COMPUTER</div>
|
2024-02-21 05:45:14 +00:00
|
|
|
<div id="registers"></div>
|
|
|
|
|
<div id="labelcontainer">
|
|
|
|
|
<div id="registers_label">￩REGISTERS</div>
|
|
|
|
|
<div id="memory_label">MEMORY↯</div>
|
2024-02-15 05:32:54 +00:00
|
|
|
</div>
|
2024-02-21 05:45:14 +00:00
|
|
|
<div id="memory"></div>
|
2024-02-16 08:44:20 +00:00
|
|
|
<div id="instruction_explainer"></div>
|
2024-02-15 03:54:23 +00:00
|
|
|
<div id="printout"></div>
|
2024-02-21 05:45:14 +00:00
|
|
|
<div id="controls_bar">
|
|
|
|
|
<button type="button" id="pause_play_button">Start</button>
|
|
|
|
|
<button type="button" id="step_button">Step</button>
|
|
|
|
|
<label for="binary_upload" class="button">Load Binary</label>
|
|
|
|
|
<input id="binary_upload" name="binary_upload" id="binary_upload" style="display: none" type="file" />
|
2024-02-22 00:08:02 +00:00
|
|
|
<button type="button" id="save_button">Save</button>
|
2024-02-21 05:45:14 +00:00
|
|
|
<input type="range" name="" id="delay_range" min="0" max="1500" />
|
|
|
|
|
</div>
|
|
|
|
|
<span id="cycles"></span>
|
2024-02-15 05:32:54 +00:00
|
|
|
</div>
|
2024-02-23 06:37:12 +00:00
|
|
|
<canvas id="screen"></canvas>
|
2024-02-16 05:17:23 +00:00
|
|
|
<pre id="ISA"></pre>
|
2024-02-15 03:54:23 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
