десятки 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 || '');
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js