JSFiddle - React, Tailwind, and code Playground

by Juri Rudi

HTML

<table>
<tr>
  <th>HTML</th>
  <th>jQuery</th>
</tr>
<tr>
  <td><input id="onkeydown" onkeydown="func_onkeydown()" placeholder="onkeydown"></td>
  <td><input id="keydown" placeholder="keydown"></td>
</tr>
<tr>
  <td><input id="onkeypress" onkeypress="func_onkeypress()" placeholder="onkeypress"></td>
  <td><input id="keypress" placeholder="keypress"></td>
</tr>
<tr>
  <td><input id="onkeyup" onkeyup="func_onkeyup()" placeholder="onkeyup"></td>
  <td><input id="keyup" placeholder="keyup"></td>
</tr>
<tr>
  <td><input id="oninput" oninput="func_oninput()" placeholder="oninput"></td>
  <td><input id="on_input" placeholder="on(input)"></td>
</tr>
<tr>
  <td><input id="onchange" onchange="func_onchange()" placeholder="onchange"></td>
  <td><input id="change" placeholder="change"></td>
</tr>
</table>

<button onclick="func_pulisci()">pulisci</button>

JavaScript

/* HTML */
function func_onkeydown() {
	alert($("#onkeydown").val());
}
function func_onkeypress() {
	alert($("#onkeypress").val());
}
function func_onkeyup() {
	alert($("#onkeyup").val());
}
function func_oninput() {
	alert($("#oninput").val());
}
function func_onchange() {
	alert($("#onchange").val());
}
function func_pulisci() {
	$("input").val("");
}

/* jQuery */
$("#keydown").keydown(function(){
  alert($("#keydown").val());
});
$("#keypress").keypress(function(){
  alert($("#keypress").val());
});
$("#keyup").keyup(function(){
  alert($("#keyup").val());
});
$("#change").change(function(){
  alert($("#change").val());
});
$("#on_input").on("input", function(){
  alert($("#on_input").val());
});