JSFiddle - React, Tailwind, and code Playground

by Dai Duong

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<p id="test1">This is a paragraph.</p>
<p id="test2">This is another paragraph.</p>

<p>Input field: <input type="text" id="test3" value="Mickey Mouse"></p>

<button id="btn1">Set Text</button>
<button id="btn2">Set HTML</button>
<button id="btn3">Set Value</button>

JavaScript

$(document).ready(function () {
  $("#btn1").click(function () {
    $("#test1").text("Hello world!");
  });
  $("#btn2").click(function () {
    $("#test2").html("<b>Hello world!</b>");
  });
  $("#btn3").click(function () {
    $("#test3").val("giai-ma.blogspot.com");
  });
});