JSFiddle - React, Tailwind, and code Playground

HTML

<span id="span1" ></span>
<span id="span2" ></span>
<span id="span3" ></span>
<span id="span4" ></span>
<span id="span5" ></span>

CSS

span
{
   display: block;
   height: 20px;
   border: 1px solid #c1c1c1;
   background: #f1f1f1;
   margin:10px;   
}

JavaScript

$(function()
{
    // for detecting error in JavaScript
    $('#span1').text('Before execute.');

    // return undefined value
    function foo()
    {
        return   
        $('#span3').text('Hello World!')  
    }
            
    // testing JavaScript for multi-line return statement
    function bar() { return   
    $('#span3').text('Hello World!');
                    }
    $('#span2').text('foo = ' + foo());
    $('#span4').text('bar = ' + bar());

        
    // for detecting error in JavaScript
    $('#span5').text('After execute.');
});