JSFiddle - React, Tailwind, and code Playground

by Abhishek Kumar

HTML

<form id="flame_form">
    <input type="text" id="flame_name1" placeholder="1st person's name"
           style="width: 300px; margin: 5px 5px 0px 0px; padding: 5px 5px 5px 5px; display: block; font-size: medium;">
    <input type="text" id="flame_name2" placeholder="2nd person's name"
           style="width: 300px; margin: 5px 5px 5px 0px; padding: 5px 5px 5px 5px; display: block; font-size: medium;">
    <button type="button" id="flame_calculate"
           style="margin: 0px 5px 5px 0px; padding: 7px 7px 7px 7px; display: block; font-size: medium;">Calculate</button>
</form>
<h3>Result</h3>
<p id="terminal" style="font-size: large;"></p>

JavaScript

var Flame = function () {
    var FLAME = [
    	'Friend',
        'Love',
        'Affection',
        'Marriage',
        'Enemies'
    ];
	var getStatistic = function (list) {
        var statistic = [];
    	for (var i=0; i<list.length; i++) {
            statistic[i] = {};
            var name = list[i].toLowerCase().split('');
        	for (var j=0; j<name.length; j++) {
            	if (statistic[i].hasOwnProperty(name[j])) {
                	statistic[i][name[j]]++;
                } else {
                	statistic[i][name[j]] = 1;
                }
            }
        }
        return statistic;
    };
    var filterCommons = function (statistic) {
        var frequency = {};
    	for (var i=0; i<statistic.length; i++) {
            for (var j in statistic[i]) {
                if (i == 0) {
                	frequency[j] = statistic[i][j];
                } else {
                	if (frequency.hasOwnProperty(j)) {
                    	frequency[j] = null;
                    } else {
                    	frequency[j] = statistic[i][j];
                    }
                }
            }
        }
        for (var k in frequency) {
            if (frequency[k] == null || k == ' ') {
            	delete frequency[k];
            }
        }
        return frequency;
    };
    var sigmaFrequency = function (frequency) {
    	var sum = 0;
        for (var k in frequency) {
            sum += frequency[k];
        }
        return sum;
    };
    var getCode = function (sigma) {
    	var code = sigma % 5;
        return ((code == 0) ? 5 : code);
    };
    this.calculate = function (inames){
    	var stats = getStatistic(inames);
        var freq = filterCommons(stats);
        var sigma = sigmaFrequency(freq);
        var code = getCode(sigma);
        return FLAME[code - 1];
    }
};

var flame = new Flame();

var submit = document.getElementById('flame_calculate');
submit.addEventListener('click', function(e) {
    var names = [
       ...