JSFiddle - React, Tailwind, and code Playground

by michelejs

HTML

<form>
<fieldset id="cap0">
    <legend>Capitolo0</legend>
    <p>titolo:<input type="text" id="titolo"/></p>
    <p>sottotitolo:<input type="text" id="sottotitolo"/></p>
    <p>paragrafo:<input type="text" id="paragrafo"/></p>   
</fieldset>

<input type="button" id="addTitolo" value="AddTitolo">
<input type="button" id="save" value="Save">
<input type="submit" name="g" value="Submit" id="g" />
</form>

JavaScript

$('#addTitolo').click(function() {
    $('#cap0').append('<p>titolo:<input type="text" id="titolo"/></p>');
});

$('save').click(function() {
  console.log($(this).serializeArray());
  alert($(this).serializeArray());
});

$('form').submit(function() {
  alert($(this).serializeArray());

});