Sign upLogin

alessandrocuzzocrea/chip-8-emulator-js

View on GitHub
Star
src/index.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Chip8 Emulator</title>
</head>

<body>
    <div class="container">
        <div class="header">CHIP-8</div>
        <div class="controls">
            <select id="rom-select">
                <option value="TEST1">TEST1</option>
                <option value="IBM">IBM</option>
                <option value="MAZE">MAZE</option>
                <option value="15PUZZLE">15PUZZLE</option>
                <option value="TETRIS" selected>TETRIS</option>
            </select>
            <button id="reset">Reset</button>
            <button id="save-state">Save State</button>
            <button id="load-state">Load State</button>
            <button id="debug-brk">Debug Break</button>
            <button id="pause">Pause</button>
            <button id="step">Step</button>
            <button id="continue">Continue</button>
        </div>
        <div class="display">
            <canvas id="emulator" width="512" height="256"></canvas>
        </div>
        <div class="keyboard">
            <button id="button-1">1</button>
            <button id="button-2">2</button>
            <button id="button-3">3</button>
            <button id="button-C">C</button>
            <button id="button-4">4</button>
            <button id="button-5">5</button>
            <button id="button-6">6</button>
            <button id="button-D">D</button>
            <button id="button-7">7</button>
            <button id="button-8">8</button>
            <button id="button-9">9</button>
            <button id="button-E">E</button>
            <button id="button-A">A</button>
            <button id="button-0">0</button>
            <button id="button-B">B</button>
            <button id="button-F">F</button>
        </div>
        <div class="instructions">Instructions</div>
        <div class="registers">
            <div id="pc"></div>
            <div id="sp"></div>
            <div id="i"></div>
            <div id="dt"></div>
            <div id="st"></div>
            <div id="v0"></div>
            <div id="v1"></div>
            <div id="v2"></div>
            <div id="v3"></div>
            <div id="v4"></div>
            <div id="v5"></div>
            <div id="v6"></div>
            <div id="v7"></div>
            <div id="v8"></div>
            <div id="v9"></div>
            <div id="va"></div>
            <div id="vb"></div>
            <div id="vc"></div>
            <div id="vd"></div>
            <div id="ve"></div>
            <div id="vf"></div>
        </div>
        <div class="footer">
            <a href="https://github.com/alessandrocuzzocrea/chip-8-emulator-js" class="github-corner" aria-label="View source on Github"
                rel="noopener noreferrer" target="_blank">Github</a>
        </div>
    </div>
</body>

</html>