JSFiddle - React, Tailwind, and code Playground
HTML
<p>Would you like to play a game? (Y/N) > <input id="playGame" /></p>
SCSS
#playGame {
border: 0;
outline: 0;
}
JavaScript
var prompt = new $.Deferred();
$('#playGame').focus().on('keypress', function(e) {
var Y = 121, N = 110;
if (e.keyCode === Y) {
alert(e.target)
prompt.resolve();
} else if (e.keyCode === N) {
alert(e.target)
prompt.reject();
} else {
return false; // they must choose!
}
});
prompt.done(function(){ console.log('Starting game...'); });
prompt.fail(function(){ console.log('No game today.'); });