JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<input class="convertNumber" type="text" value="">
<br /><br />
<input class="convertNumber" type="text" value="">
CSS
div.numwordholder{
margin-top:5px;
line-height:25px;
}
span.numword
{
background-color:#999999;
border-radius: 5px 5px 5px 5px;
padding:3px;
color:#FFF;
}
JavaScript
(function( $ ) {
$.fn.showNumericWords = function() {
function convertNumberToWords(inputval) {
var number = $.trim(inputval);
if (number < 0) {
console.log("Number Must be greater than zero = " + number);
return "";
}
if (number > 100000000000000000000) {
console.log("Number is out of range = " + number);
return "";
}
if (!((typeof number === 'number' || typeof number === 'string') && number !== '' && !isNaN(number))) {
console.log("Not a number = " + number);
return "";
}
var quintillion = Math.floor(number / 1000000000000000000); /* quintillion */
number -= quintillion * 1000000000000000000;
var quar = Math.floor(number / 1000000000000000); /* quadrillion */
number -= quar * 1000000000000000;
var trin = Math.floor(number / 1000000000000); /* trillion */
number -= trin * 1000000000000;
var Gn = Math.floor(number / 1000000000); /* billion */
number -= Gn * 1000000000;
var million = Math.floor(number / 1000000); /* million */
number -= million * 1000000;
var Hn = Math.floor(number / 1000); /* thousand */
number -= Hn * 1000;
var Dn = Math.floor(number / 100); /* tens (deca) */
number = number % 100; /* ones */
var tn = Math.floor(number / 10);
var one = Math.floor(number % 10);
var res = "";
if (quintillion > 0) {
res += (((res == "") ? "" : " ") + convertNumberToWords(quintillion) + " quintillion");
}
if (quar > 0) {
res += (((res == "") ? "" : " ") + convertNumberToWords(quar) + " quadrillion");
}
if (trin > 0) {
res += (((res == "") ? "" : " ") + convertNumberToWords(trin) + " trillion");
}
if (Gn > 0) {
res += (((res == "") ? "" : " ") + convertNumberToWords(Gn) + " billion");
}
if (million > 0) {
res += (((res == "") ? "" : " ") + convertNumberToWords(million) + " million");
}
if (Hn > 0) {
res += (((res == "") ? "" : " ") + convertNumberToWords(Hn) + " thousand");
}
if...