JSFiddle - React, Tailwind, and code Playground

by NeowarPlay

HTML

<div id="sjdkhf" style="text-align:left;font-size:15px;font-weight:bold;color: #000000;">Разом з ПДВ (прописом): <span class="sdfgosiljfhdg" id="Summ"></span></div>

CSS

p {
    border:1px solid red;
    padding: 5px;
}

span {
    border: 1px solid green;
}

JavaScript

var mapNumbers = {
			0 : [2, 1, "ноль"],
			1 : [0, 2, "один", "одна"],
			2 : [1, 2, "два", "две"],
			3 : [1, 1, "три"],
			4 : [1, 1, "четыре"],
			5 : [2, 1, "пять"],
			6 : [2, 1, "шесть"],
			7 : [2, 1, "семь"],
			8 : [2, 1, "восемь"],
			9 : [2, 1, "девять"],
			10 : [2, 1, "десять"],
			11 : [2, 1, "одиннадцать"],
			12 : [2, 1, "двенадцать"],
			13 : [2, 1, "тринадцать"],
			14 : [2, 1, "четырнадцать"],
			15 : [2, 1, "пятнадцать"],
			16 : [2, 1, "шестнадцать"],
			17 : [2, 1, "семнадцать"],
			18 : [2, 1, "восемнадцать"],
			19 : [2, 1, "девятнадцать"],
			20 : [2, 1, "двадцать"],
			30 : [2, 1, "тридцать"],
			40 : [2, 1, "сорок"],
			50 : [2, 1, "пятьдесят"],
			60 : [2, 1, "шестьдесят"],
			70 : [2, 1, "семьдесят"],
			80 : [2, 1, "восемьдесят"],
			90 : [2, 1, "девяносто"],
			100 : [2, 1, "сто"],
			200 : [2, 1, "двести"],
			300 : [2, 1, "триста"],
			400 : [2, 1, "четыреста"],
			500 : [2, 1, "пятьсот"],
			600 : [2, 1, "шестьсот"],
			700 : [2, 1, "семьсот"],
			800 : [2, 1, "восемьсот"],
			900 : [2, 1, "девятьсот"]
		};

		var mapOrders = [
			{ _Gender : true, _arrStates : ["рубль", "рубля", "рублей"] },
			{ _Gender : false, _arrStates : ["тысяча", "тысячи", "тысяч"] },
			{ _Gender : true, _arrStates : ["миллион", "миллиона", "миллионов"] },
			{ _Gender : true, _arrStates : ["миллиард", "миллиарда", "миллиардов"] },
			{ _Gender : true, _arrStates : ["триллион", "триллиона", "триллионов"] }
		];

		var objKop = { _Gender : false, _arrStates : ["копейка", "копейки", "копеек"] };

		function Value(dVal, bGender) {
			var xVal = mapNumbers[dVal];
			if (xVal[1] == 1) {
				return xVal[2];
			} else {
				return xVal[2 + (bGender ? 0 : 1)];
			}
		}

		function From0To999(fValue, oObjDesc, fnAddNum, fnAddDesc)
		{
			var nCurrState = 2;
			if (Math.floor(fValue/100) > 0) {
				var fCurr = Math.floor(fValue/100)*100;
				fnAddNum(Value(fCurr, oObjDesc._Gender));
				nCurrState = mapNumbers[fCurr][0];
				fValue -= fCurr;
			}

			if (fValue...