JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<div id="GFG">
  <form action="#">
    Name:<input type="text" style="margin: 10px;" name="Name">
    <br>
  </form>

  <button>Submit</button>
</div>

<div id="output"></div>

JavaScript

$(document).ready(function() {
  $("button").click(function() {
    var x = $("form").serializeArray();
    $.each(x, function(i, field) {
      $("#output").append(field.name + ":" +
        field.value + " hvhvhvhv ");
    });
  });
});