JSFiddle - React, Tailwind, and code Playground

by Mark McFadden

HTML

Hello
<!-- Step 1 <div id="myText"></div>

Step 4
<div id="myButton"><input type="button" value="Click Me" /></div>

Step 5
<div><input type="text" size="10" id="myInput" /></div>
-->

CSS

div#myText {
    color:black;
    font-size: 25px;
}

JavaScript

/*
//step 2
$().ready(function () {
    $("#myText").text("My name is Mark");
});

//step 3
$().ready(function(){
    var name = "Mark";
    $("#myText").text("My name is " + name + "!");
});

//step 4
$("#myButton").click(function(){
    var name = "Mark";
    $("#myText").text("My name is " + name);
    }
);

//step 5
$("#myButton").click(function(){
    var name = $("#myInput").val();
    $("#myText").text("Hello " + name + "!");
    }
);
*/