JSFiddle - React, Tailwind, and code Playground

by Yuan Hong

HTML

<form id="frm1">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br><br>
<input type="button" onclick="myReset()" value="Reset form">
</form>
<p id="demo"></p>
<script>
function myReset()
{
document.getElementById("frm1").reset();
}
</script>
    
<button onclick="myGetElement()">Get Element ForLoop</button>
<script>
    
function myGetElement()
{
var x = document.getElementById("frm1");
var txt = "";
for (var i=0;i<x.length;i++)
  {
    txt = txt+"name="+x.elements[i].name+"<br>"  +"value = "+ x.elements[i].value + "<br>";
  }
document.getElementById("demo").innerHTML=txt;
}
</script>