jQuery addClass example

Change class name on click in jQuery

by Andreu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class='container'>
    <div class="row">
    <div class="col-12">
        <form action="">

            <textarea type="text" value="Hello , my name is Andrey. What is your name, bro ? I want to go home, please. dO YOU KNO MY NAME ? i love you so mutch. Oh, ho is seva ?He int right people. What to do tomorrow ? I dont know. Exacly.  NAME" class="text_to_Check"></textarea>

            <input type="button" class="check_word" value="Check">

        </form>
       </div>
        <div class="col-12">
            <div class="list-items" id="list-item">
                    <div class="item row ">
                    <div class="col-4">
                        <div class="item_position">Номер в списке</div>
                        </div>
                        <div class="col-4">
                        <div class="item_frequency">Частота повявления слова</div>
                        </div>
                        <div class="col-4">
                        <div class="item_word" id='demo' > Слово</div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>

CSS

body {
  background: #d4cfcf;
  padding: 20px;
  font-family: Helvetica;
}
form{
      display: flex;
    justify-content: center;
    margin: 20px 0px;
}
.item_position,.item_frequency,.item_word{
  text-align: center;
}
.list-items{
  border: 1px solid #8d9e90;
}

JavaScript

$(document).ready(function() {
    var textContent = $('.text_to_Check');
    var word_to_array_array = [];
        var print_body =document.getElementById("list-item");
    async function word_to_array(element) {
        var contentmy = element.val();

        var toLoverCase = await contentmy.toLowerCase();
        var eleteDot = await toLoverCase.trim();
        var deleteSymbol = await eleteDot.replace(/[,;.]/g, '');
        var createArray = await deleteSymbol.split(/[\s\/]+/g);
        var makeSort = await createArray.sort();
        /* console.log(makeSort);
         */
        return makeSort;
        /*    	word_to_array_array.push(makeSort); */
    }

    function select_igtore_word() {
        var ignore = ['and', 'the', 'to', 'a', 'of', 'for', 'as', 'i', 'with', 'it', 'is', 'on', 'that', 'this', 'can', 'in', 'be', 'has', 'if','she','was','were','her','his','him','them','us','our','by'];
        var o = {}; // object prop checking > in array checking
        var iCount = ignore.length;
        for (var i = 0; i < iCount; i++) {
            o[ignore[i]] = true;
        }
        /*         console.log(o); */
        return o;
    }

    function count_frequency(sWords, ignore) {
        /*   console.log(sWords); */
        var counts = {}; // object for math
        var iWordsCount = sWords.length
        for (var i = 0; i < iWordsCount; i++) {
            var sWord = sWords[i];
            if (!ignore[sWord]) {
                counts[sWord] = counts[sWord] || 0;
                counts[sWord]++;
            }
        }
        /*     console.log(counts); */
        return counts;
    }

    function create_list_map(counts) {
        var arr = []; // an array of objects to return
        for (var sWord in counts) {
            arr.push({
                text: sWord,
                frequency: counts[sWord]
            });
        }
        return arr;
    }

    function sort_frequency_words(arr) {
        var words = arr.sort(function(a, b) {
          ...