JSFiddle - React, Tailwind, and code Playground

by Julien Etienne

HTML

<div>Hello World!</div>
<div id="say"></div>
<div id="respond"></div>
<div id="whatsnext"></div>
<div id="ok"></div>
<div id="doitagain"></div>
<div id="bye"></div>

CSS

div {
    width: 400px;
    height: 20px;
    background: yellow;
    border: 1px solid black;
}

JavaScript

var text = {
    greet: 'Hello World!',
    say: 'How are you?',
    respond: 'Im not bad myself',
    whatsnext: 'Great. Let\'s go.',
    ok: 'Sure... Wait',
    doitagain: 'What\s up?',
    bye: 'Have to go.'
};


window.onload = function () {
    var elem = {};
    for (var i in text) {
        elem = document.getElementById(i);
        if (elem !== null) {
            elem.innerHTML = text[i];
        }
    }
};