JSFiddle - React, Tailwind, and code Playground

by dtnguyen_1608

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<p id="p1">this is <b>the</b> first paragraph</p>
<p id="p2">this is <b>the</b> second paragraph</p>
<input id="test" type = "text" value = "hihihi"/>
<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(){
      $("#p1").text("hhihihi");
      });
      
      $("#btn2").click(function(){
      	$("#p2").html("<b>hihihi</b>");
      });
      
      $("#btn3").click(function(){
      	$("#test").val("huhuhu");
      
      });
});