JSFiddle - React, Tailwind, and code Playground

by Julien Etienne

HTML

<script>
    function getIdParent(id){
       return document.getElementById(id).parentNode
    }
</script>

<div>
    <script id='greet' >t('greet', text.greet )</script>
</div>

<div>
    <script id='say' >t('say', text.say)</script>
</div>

<div>
    <script id='respond' >t('respond', text.respond)</script>    
</div>

CSS

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

JavaScript

function t(idVal,content){
    getIdParent(idVal).innerHTML = content;
};

var text = {
    greet: 'Hello World!',
    say: 'How are you?',
    respond:'Im not bad myself'
}