JSFiddle - React, Tailwind, and code Playground

by Md. Atiquzzaman Soikat

HTML

<body>
        <form id="myform">
            <center>
                <table>
                    <tr><td><br /><br /><br /></td></tr>
                    <tr>
                        <td>
                            <h1>Key Code</h1>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input id="test2" type="text" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p id="test1"></p>
                        </td>
                    </tr>
                </table>
            </center>
        </form>
    </body>

JavaScript

(function(){
document.body.addEventListener('keydown', myFunction);
function myFunction(event) {
						console.log(event);
    		    event.preventDefault();
    		    var k = event.keyCode;
    		    document.getElementById("test1").innerHTML = event.keyCode;
    		    document.getElementById("test2").value = event.keyCode;
    		}
}())