JSFiddle - React, Tailwind, and code Playground

by Arun Unnikrishnan

HTML

<input type="text" id="number" /><br/><br/>

Result:
<div id="output"></div>

CSS

#output{
    min-height:50px;
    margin-top:10px;
    border:solid 1px #CCC;
}

JavaScript

$(function(){
	$('#number').focusout(function(){
        var val=$('#number').val();
        if(!val){return false;}
        toWords(val);
	});	
});
function toWords(num){	
    var string = num.toString();
	entryArray =string.split("");
	//alert(entryArray);
	var obj={}
	obj[0]='Zero';
	obj[1]='One';
	obj[2]='Two';
	obj[3]='Three';
	obj[4]='Four';
	obj[5]='Five';
	obj[6]='Six';
	obj[7]='Seven';
	obj[8]='Eight';
	obj[9]='Nine';		
	var result='';
	entryArray.forEach(function(entry){
		result=result+"  "+obj[entry];
	});
	//alert(result);
    $('#output').text(result);
}