Untitled

<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
    <script>
    function z(e) {
        e.preventDefault();
        var log = document.getElementById('log');
        log.textContent = log.textContent + "0\n";
    }
    function p(e) {
        e.preventDefault();
        var log = document.getElementById('log');
        log.textContent = log.textContent + "+\n";
    }
    function m(e) {
        e.preventDefault();
        var log = document.getElementById('log');
        log.textContent = log.textContent + "-\n";
    }

    function handleEvent(e) {
        if ((e.charCode == 32) || (e.charCode == 48)) {
            z(e);
        } else if (e.charCode == 43) {
            p(e);
        } else if (e.charCode == 45) {
            m(e);
        }
    }

    document.addEventListener("keypress", handleEvent, true);
    </script>
    </head>
    <body>
        <pre id="log"></pre>
    </body>
</html>