десятки 20,30,40,50 <br>
единицы 1,2,3,4,5<br><br>
<input id='data' type='text'></inpit>
<br>
<br>
<span id='digit'></span>
<br>
<br>
<span id='bad'></span>
#data{
width:200px;
}
#bad{
color : red;
}
$(document).ready(function() {
let obj = {
один: 1,
два: 2,
три: 3,
четыре: 4,
пять: 5,
двадцать: 20,
тридцать: 30,
сорок: 40,
пятьдесят: 50,
};
$("body").on("change", "#data", function() {
let tmp = $(this)
.val()
.split(" ");
let num = 0;
tmp.forEach(function(i) {
i = i.trim();
num += obj[i] || ($("#bad").text("Это еще шо такоэ ? -> " + i) && 0);
});
$("#digit").text(num || '');
});
});
This Pen doesn't use any external CSS resources.