JSFiddle - React, Tailwind, and code Playground

by JAAulde

HTML

<div id="mainDiv" style="display: none;">
    <input type="text" id="inputfield123" />
</div>

JavaScript

var my_val123 = 'OFF';
$( document ).bind( 'keydown', function( e )
{
  if( e.which === 71 /* g */ )
  {
      $( '#mainDiv' ).fadeToggle( 'slow' );
      $( '#inputfield123').focus();
      my_val123 = 'ON';
  }
  else if( my_val123 === 'ON' && e.which === 13 /* enter */ )
  {
      //do something
      alert( 'doing something' );
  }
  else
  {
      my_val123 = 'OFF';
  }
} );