JSFiddle - React, Tailwind, and code Playground

by Ty

HTML

<ul id="results"></ul>

CSS

#results li.pass {
    color: green;
}

#results li.fail {
    color: red;
}

JavaScript

function stringSplosion(newString) {
    var builder = '';
    var number = newString.length;

    for (i = 0; i < number; i++) {
        for (x = 0; x < i + 1; x++) {
            builder += newString[x];
        }
    }
    return builder;
}

testString = 'Barking';

var testy = stringSplosion(testString);

console.log(testy);

function assert(value, desc) {
    var li = document.createElement('li');
    li.className = value ? 'pass' : 'fail';
    li.appendChild(document.createTextNode(desc));
    document.getElementById('results').appendChild(li);
}

assert(stringSplosion("Code") === "CCoCodCode", 'First test works');
assert(stringSplosion("abc") === "aababc", 'Second test works');
assert(stringSplosion("ab") === "aab", 'Third test works');
assert(stringSplosion('Barking') === 'BBaBarBarkBarkiBarkinBarking', 'Tys code test now finally works');