Key Code

Modifing

by I Sang Hyeon

HTML

<div>
  text : 
  <input type="text" id="inpText"/>
  <input type="reset" id="cmdReset"/>
</div>
<div>
  event code :
  <div id="divCode"></div>
  <div id="divCode1" style="border:red;">1: </div>
  <div id="divCode2" style="border:green;">2: </div>
</div>

JavaScript

$(document).ready(function(){
	$('#cmdReset').on('click', function(event){
  	$('#inpText').val('');
    $('#inpCode').val('');
  });
  
  $('#inpText').on('keyup', function(event){
  	var textVal = $('#inpText').val().toUpperCase();
    $('#inpText').val(textVal);
    
  	var e = event.which;
  	if (e == 8){
    	//$('#divCode span').last().remove();
      convertTextToCode();
    } else if (e >= 65 && e <=90){
  		$('#divCode').append('<span>'+e+'</span>');
    } else {
    	return false;
    }
  });

});

function convertTextToCode(){
	var inpText = $('#inpText').val();
  $('#divCode1').html(inpText);
  $('#divCode2').html(inpText.charCodeAt(0));
}