cpu-sim/index.html at master · twome/cpu-sim · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
	<title>CPU sim</title>

	<link rel="stylesheet" href="/main.css">
	<script type="module" src="/browser-client.js"></script>
</head>
<body>
	<h1>
		a simplified von Neumann computer
	</h1>

	<header>
		<div class="controls">
			<button class="ResetBtn js-ResetBtn">reset</button>
			<button class="InterruptBtn js-InterruptBtn">interrupt</button>
			<button class="BootBtn js-BootBtn">boot</button>
			<input type="text" class="BootAddr js-BootAddr" placeholder="set program counter (hex)" value="00"></input>


			<span class="spacer"></span>

			<label for="memValue">mem addr:value (hex)</label>
			<input type="text" name="memValue" class="MemAddrToChange js-MemAddrToChange" placeholder="address" value="00"></input>
			<input type="text" class="MemValToChange js-MemValToChange" placeholder="value" value="00"></input>

			<div class="spacer"></div>

			<label for="translateToHex">hex output</label>
			<input type="checkbox" name="translateToHex">
			<div class="spacer"></div>
			<label for="simulationDelay">sim delay</label>
			<input type="number" name="simulationDelay">
		</div>

		<div class="programCounter"><h3>program counter</h3></div>

		<div class="instructionRegister"><h3>instruction register</h3></div>
	</header>

	<ol class="register binaryDisplays">
		<h3>register</h3>
	</ol>

	<ol class="memory binaryDisplays">
		<h3>memory</h3>
	</ol>
</body>
</html>