JSFiddle - React, Tailwind, and code Playground

by Fareez Ahmed

HTML

<p id="average-awesomeness"></p>

CSS

body {
    background-color: salmon;
    margin: 0;
    padding: 0;
    border: none;
}

JavaScript

function updateAverageAwesome(awesomePeople) {
    var awesomeTotal = 0;
    var programmerCount = 0;
    for (var i in awesomePeople) {
        var person = awesomePeople[i];
        if (person.occupation == 'programmer') {
            awesomeTotal += person.awesomeIndex
            programmerCount ++;
        }
    }
    var averageAwesomeness = (programmerCount > 0) ? (awesomeTotal / programmerCount) : 0;
    document.getElementById('average-awesomeness').innerHTML = "Here's the awesomeness: " + averageAwesomeness.toFixed(2);
}

var simulatedInput = [
    {
        name: 'Bob',
        occupation: 'programmer',
        awesomeIndex: 7,
    },
    {
        name: 'Alice',
        occupation: 'programmer',
        awesomeIndex: 9,
    },
    {
        name: 'Zaphod',
        occupation: 'President of the Galaxy'
    },
    {
        name: 'Fareez',
        occupation: 'programmer',
        awesomeIndex: 1000
    }
];

updateAverageAwesome(simulatedInput);