JSFiddle - React, Tailwind, and code Playground

by kkdaily

HTML

<div id="name"></div>

CSS

#name {
    height: 100px;
    width: 600px;
    background-color: yellow;
}

JavaScript

//Create a list of full names. Break them out into three lists: first, //middle, and last names. Count the frequency of the names in each list.

var namesList = ['katie', 'mike', 'john', 'katie', 'steve', 'john'];

function countNames(names) {
    var timesSeenEachName = [];
    for (var i=0; i<names.length; i++) {
        var timesSeen = 0;
        for (var j=0; j<names.length; j++) {
            if (names[i] === names[j]) {
                timesSeen += 1;
            }
            else {
                timesSeen += 0;
            }
        }
        timesSeenEachName += names[i]+" has been seen "+timesSeen+" times ";
    }
    return timesSeenEachName;
}

var elName = document.getElementById('name');
elName.textContent = countNames(namesList);