<!DOCTYPE html>

<html>
  <head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
      function insertNewElement()

      {
          var newParagraph = document.createElement("p");
          newParagraph.innerHTML = "I'm new";
          var current = document.getElementById("div1");
          document.body.insertBefore(newParagraph, current);
          newParagraph.addEventListener("click", response);

      }
      function response()
      {
        console.log("Clicked");
      }


    </script>
  </head>
  <body onload="insertNewElement()">
    <div id="div1">div 1</div>
  </body>
</html>