JSFiddle - React, Tailwind, and code Playground

by refhat

HTML

<html>
<head>
	<title></title>
	<style type="text/css">
		#block1, #block2{margin: 10px;border:1px solid red;margin: 10px;width:500px;}
	</style>
	<script type="text/javascript" src="jquery-min.js"></script>
	<script type="text/javascript">
		$(function() {
			$(".class1").live('keypress', function() {
				$(".class3").val($(this).val());
			});
			$(".class2").live('keypress', function() {
				$(".class4").val($(this).val());
			});
			
		});

	</script>
</head>
<body>
	<div id="block1">
   <input type="text" class="class1" value="a">
   <input type="text" class="class2" value="b">
   <input type="checkbox" class="class3"> checkbox
   <select class="classsel1">
       <option value="0">White</option>
       <option value="1">Brown</option>
       <option value="2">Gray</option>
   </select>
</div> 


<div id="block2">
   <input type="text" class="class3" value="a">
   <input type="text" class="class4" value="b">
   <input type="checkbox" class="class3"> checkbox
   <select class="classsel2">
       <option value="0">White</option>
       <option value="1">Brown</option>
       <option value="2">Gray</option>
   </select>
</div> 
</body>
</html>