javascript-cpu-simulator/index.html at main · msfwebdude/javascript-cpu-simulator · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<html>
<head>
    <meta charset="UTF-8">
    <title>javascript-cpu-simulator</title>
    <link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
    <link rel="icon" type="image/x-icon" href="./assets/img/favicon.ico" />
</head>
<!--
    ╔══════════════════════════════════════════════════════════════════════════════════════╗
    ║                               javascript-cpu-simulator                               ║
    ╠══════════════════════════════════════════════════════════════════════════════════════╣
    ║                                                                                      ║
    ║                 index.html -+- calls ./assets/css/style.css for style                ║
    ║                             +- calls ./assets/js/cpu.js for JavaScript code          ║
    ║                                                                                      ║
    ║                        Copyright (c) 2019 - 2024 Mike Firoved                        ║
    ║                  MIT License. See ../../LICENSE and ../../README.md                  ║
    ║                                                                                      ║
    ╚══════════════════════════════════════════════════════════════════════════════════════╝
-->
<body>
    <p><br /></p>
    <div id="card">
        <table id='upperTable'>
            <tr>
                <td colspan='8' id='banner'>CPU Simulator</td>
            </tr>
            <tr>
                <td colspan='4' id='lever'>
                    <div class="onoffswitch">
                        <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="cpuEnabled"
                            onchange="cpu.updateEnabled(this.checked)">
                        <label class="onoffswitch-label" for="cpuEnabled">
                            <span class="onoffswitch-inner"></span>
                            <span class="onoffswitch-switch"></span>
                        </label>
                    </div>
                </td>
                <td colspan='4' id='speed'>
                    <div class="slidecontainer">
                        <label for="cpuInterval" class="sliderLabel" id='cpuIntervalLabel'>CPU Interval</label>
                        <input type="range" min="200" max="5000" value="1000" class="slider" id="cpuInterval"
                            onchange="cpu.updateSpeed(this.value);"
                            onmousemove="self.cpuIntervalLabel.innerHTML = `CPU Interval: ${this.value}ms`">
                    </div>
                </td>
            </tr>
            <tr>
                <td id='clock' style='color: #800000;' colspan='4'>&#x2600;</td>
                <td id='loader' colspan='4'>Current Operation</td>
            </tr>
            <tr>
                <td colspan='4' id='registers'>Registers</td>
                <td colspan='4' id='flags'>Flags</td>
            </tr>
            <tr>
                <td id='assembly' colspan='4'>Assembly Program<br />
                    <textarea id='prg' spellcheck="false"></textarea>
                </td>
                <td id='memory' colspan='4'>Memory<br />
                    <textarea id='mem' spellcheck="false"></textarea>
                </td>
            </tr>
        </table>
    </div>
    <br>
    <div class="footer">
        Project on <a href="https://github.com/msfwebdude/javascript-cpu-simulator" target="_blank">GitHub</a>&nbsp;|&nbsp;
        <a href="https://github.com/msfwebdude/javascript-cpu-simulator" target="_blank">
            <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/msfwebdude/javascript-cpu-simulator?color=silver&style=plastic">
        </a>
        <a href="https://github.com/msfwebdude/javascript-cpu-simulator/blob/master/LICENSE" target="_blank">
            <img src="https://img.shields.io/github/license/msfwebdude/javascript-cpu-simulator?color=silver&style=plastic" alt="GitHub">
        </a>&nbsp;|&nbsp;
        Updated:&nbsp;<span id="DateUpdated">{DateUpdated}</span>&nbsp;|&nbsp;
        &copy;&nbsp;<span id="currentYear"></span>&nbsp;Mike&nbsp;Firoved

    </div>
    <p><br></p>
    <script type="text/javascript" src="assets/js/cpu.js"></script>
</body>

</html>