$('#vals').on('keyup', function(){

const result = document.getElementById('result');

let str = $('#vals').val();

let strStripped = str.replace(/[,.!]/g, '');
result.innerHTML = `strStripped: "${strStripped}"n`;


let words = strStripped.toLowerCase().split(' ');
//result.innerHTML += 'words: ' + JSON.stringify(words, null, 2);

let wordCounts = {};
words.forEach(word => {
wordCounts[word] = (wordCounts[word] || 0) + 1;
});
result.innerHTML += 'nwordCounts: ' +
JSON.stringify(wordCounts, null, 2);

});