JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="txt" cols="25" rows="3" placeholder="add your text here"></textarea>
</br>
<button type="button" onclick="search()">search</button>
<script >

    function search()
    {
        var data=document.getElementById('txt').value;
        var temp=data;
        var words=new Array();
        words=temp.split(" ");
        var uniqueWords=new Array();
        var count=new Array();


        for (var i = 0; i < words.length; i++) {
            //var count=0;
            var f=0;
            for(j=0;j<uniqueWords.length;j++){
                if(words[i]==uniqueWords[j]){
                    count[j]=count[j]+1;
                    //uniqueWords[j]=words[i];
                    f=1;
                }
            }
            if(f==0){
                count[i]=1;
                uniqueWords[i]=words[i];
            }
        }
        for ( i = 0; i < uniqueWords.length; i++) {
            if (typeof uniqueWords[i] !== 'undefined')
                console.log("count of "+uniqueWords[i]+" - "+count[i]);       
        }
    }

</script>

JavaScript

function search() {
    var data = document.getElementById('txt').value;
    var temp = data;
    var words = new Array();
    words = temp.split(" ");
    var uniqueWords = new Array();
    var count = new Array();


    for (var i = 0; i < words.length; i++) {
        //var count=0;
        var f = 0;
        for (j = 0; j < uniqueWords.length; j++) {
            if (words[i] == uniqueWords[j]) {
                count[j] = count[j] + 1;
                //uniqueWords[j]=words[i];
                f = 1;
            }
        }
        if (f == 0) {
            count[i] = 1;
            uniqueWords[i] = words[i];
        }
        console.log("count of ->" + uniqueWords[i] + "<- - " + count[i]);
    }
}