JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main" contenteditable="true">

</div>
<button id="addLine">Add a line</button>

CSS

#main {
  border:1px solid #000;
  width:100%;
  height: 400px;
}

JavaScript

var func_add_line = function() {

	var	div = document.createElement("div"),
			texte = document.createTextNode("Click me now or use your keyboard on me");
			div.appendChild(texte); 
      // works >
			div.addEventListener("click",function(){ alert("Click is working") }, false); 
      // doesn't works >
			div.addEventListener("keypress",function(){ alert() }, false);
      
      
			document.getElementById("main").appendChild(div)
      
}


document.getElementById("addLine").addEventListener("click", func_add_line, false)