JSFiddle - React, Tailwind, and code Playground

by Xander Taylor

HTML

<h1>output:</h1>
    <div id="output_area">
        &nbsp;
    </div>

CSS

h1 {
    color: lightgrey;
}

#output_area{
    border: 1px solid blue;
    padding: 10px;
    color: darkblue;
    font-size: 50px;
}

JavaScript

var output_area = document.getElementById("output_area");
var myString = ("Unicorn");
output_area.innerHTML = myString;


function getExcited(aString){
     return aString + "!!!!!!!!!!!!";   
}

output_area.innerHTML = getExcited(myString);

var unicorn = {
    name: "Twilight Sparkle",
    color: "Purple",
    wings: true,
    getName: function() {
        return "Hi, I'm " + unicorn.name;
    }
}

output_area.innerHTML = unicorn.getName();