JSFiddle - React, Tailwind, and code Playground

by samdelagarza

HTML

<!DOCTYPE html>
<html lang="en">
    
    <head>
        <title>Learn Javascript</title>
        <meta charset="utf-8">
        
    </head>
    
    <body>
        
<h1>Learning Javascript is a little bit challenging</h1>

        <div id='nameContainer'></div>

		<script type="text/javascript">
            var names = [],
                iterations = 1,
				nameHtml = "",
                name, x, nameDiv;
            
            for (x = 0; x < iterations; x++) {
                name = prompt("what is your name?");
                names.push(name);
            }

            for (x = 0; x < names.length; x++) {
                nameHtml += "<br/>" + names[x] + " your name is " + names[x].length + " character(s) long";
                nameHtml += " and is " + names[x].toUpperCase() + " in uppercase.";
            }

            document.getElementById('nameContainer').innerHTML = nameHtml;
            
        </script>
    </body>

</html>