JSFiddle - React, Tailwind, and code Playground

by TokenEx Support

HTML

<P id="spinner"></P>

<br/>
<input type="hidden" id="swipedData"></input>

JavaScript

var spinner = document.getElementById('spinner');
var swipedData = document.getElementById('swipedData');

var tripped1 = false;
var tripped2 = false;
var data = '%B';
var spin = ["   |", ' /', '—', '  \\']
var count = 1;

document.body.addEventListener('keypress', function (e) {

    var keynum;
    if (tripped1 == true && tripped2 == true) {
        if (window.event) { // IE					
            keynum = e.keyCode;
        } else if (e.which) { // Netscape/Firefox/Opera					
            keynum = e.which;
        }
        swipedData.value = swipedData.value + String.fromCharCode(keynum);
        spinner.innerHTML = spin[count];

        if (count == spin.length - 1) {
            count = 0;
        } else {
            count++;
        }

    } else if (tripped1 == true && tripped2 == false && e.keyCode == 66) {
        if (window.console) {
            console.log('tripped2');
        }
        tripped2 = true;
    } else if (tripped1 == false && e.keyCode == 37) {
        if (window.console) {
            console.log('tripped1');
        }
        tripped1 = true
    } else {
        tripped1 = false;
        tripped2 = false;
        if (window.console) {
            console.log(e.keyCode);
        }
    }
});