JSFiddle - React, Tailwind, and code Playground

by DIY DSP

HTML

<script src="http://rjanicek.github.io/vice.js/js/x64.js"></script>
<script src="https://rjanicek.github.io/vice.js/js/x64.js"></script>
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<canvas  id="canvas" style="border: 0px none;"></canvas>
                
                
<p><button onmousedown="sendSpaceKeyPressedCode()" onmouseup="sendSpaceKeyReleasedCode()">space bar</button></p>

JavaScript

// home sweet main()
//$(document).ready(function() {

var C64_SPACE_KEY_CODE = 32;

            function sendSpaceKeyPressedCode() {
                Module.ccall('keyboard_key_pressed', 'undefined', ['number'], [C64_SPACE_KEY_CODE]);  
            }

            function sendSpaceKeyReleasedCode() {
                Module.ccall('keyboard_key_released', 'undefined', ['number'], [C64_SPACE_KEY_CODE]);
            }

            var Module = {
                arguments: ['+sound'],
                canvas: document.getElementById('canvas'),
            };
            
//            });