JSFiddle - React, Tailwind, and code Playground

by Hari Menon

HTML

Word:
<input type="text" id="word" value="BULLSHIT" />
<button id="submit">Check</button>
<br />
<br />Input: <span id="input"></span>

<br />
<br />Output: <span id="output"></span>

JavaScript

var sum = function (word) {
    var lookup = {
        A: 1,
        B: 2,
        C: 3,
        D: 4,
        E: 5,
        F: 6,
        G: 7,
        H: 8,
        I: 9,
        J: 10,
        K: 11,
        L: 12,
        M: 13,
        N: 14,
        O: 15,
        P: 16,
        Q: 17,
        R: 18,
        S: 19,
        T: 20,
        U: 21,
        V: 22,
        W: 23,
        X: 24,
        Y: 25,
        Z: 26
    };

    var characters = word.split('');

    var sum = 0,
        numbers = [];

    for (var i = 0, len = characters.length; i < len; i++) {
        var charAtIndex = characters[i].toUpperCase();
        var numberAtIndex = lookup[charAtIndex];
        if (numberAtIndex) {
            sum += numberAtIndex;
            numbers.push(numberAtIndex);
        } else {
            numbers.push('?');
        }
    }

    $('#input').text('\'' + characters.join('\' + \'') + '\'');
    $('#output').text(numbers.join(' + ') + ' = ' + sum);
};

$('#submit').on('click', function () {
    sum($('#word').val());
});

$(function () {
    $('#submit').click();
});