florian25686/html

## html
<!DOCTYPE html>
<html>

<head>
    <title>Jquery Test</title>
    <script src="jquery-3.1.1.js"></script>
    <script>
        $(document).ready(function() {
          $("#changes_tests p").on(
            "click",
            function( eventObject ) {
              var input = $( "<input type=\"text\" id='clicked' value=\"asdf\"></input>").insertAfter( this );
              var button = $( "<input type=\"submit\" id='clicked' value=\"Speichern\"></input>").insertAfter( input );
              $(button).click(function(){
                var submitField = $( "#clicked" ).val();
                alert("button clicked: "+submitField);
              })
              $( this ).detach();
            }
          )
        });
    </script>
</head>

<body>
    <h1>Testseite</h1>
    <p id="clicker 1">lore ipsum</p>
    <p id="clicker 2">ipsum lore</p>
    <input type="text"></input>
    <div id="changes_tests">
      <h3>my clicks</h3>
      <p id="change1">klick mich</p>
      <p id="change2">nicht klicken</p>
    </div>
  </body>


</html>
	<!DOCTYPE html>
	<html>

	<head>
	<title>Jquery Test</title>
	<script src="jquery-3.1.1.js"></script>
	<script>
	$(document).ready(function() {
	$("#changes_tests p").on(
	"click",
	function( eventObject ) {
	var input = $( "<input type=\"text\" id='clicked' value=\"asdf\"></input>").insertAfter( this );
	var button = $( "<input type=\"submit\" id='clicked' value=\"Speichern\"></input>").insertAfter( input );
	$(button).click(function(){
	var submitField = $( "#clicked" ).val();
	alert("button clicked: "+submitField);
	})
	$( this ).detach();
	}
	)
	});
	</script>
	</head>

	<body>
	<h1>Testseite</h1>
	<p id="clicker 1">lore ipsum</p>
	<p id="clicker 2">ipsum lore</p>
	<input type="text"></input>
	<div id="changes_tests">
	<h3>my clicks</h3>
	<p id="change1">klick mich</p>
	<p id="change2">nicht klicken</p>
	</div>
	</body>


	</html>