JSFiddle - React, Tailwind, and code Playground

by fernando alcantara

HTML

<title>Untitled Document</title>


<body>
<div id="teste">
<h1>adicionando elementos dinamicamente</h1>

<input type="text" id="valor" />


<button id="p1">adicionar p</button>

</div>

</body>

JavaScript

window.onload = function(){

var a = document.getElementById("p1");

   function criar(){
	this.add = document.getElementById("valor").value;
	
	
   }
   
  criar.prototype.luz = function(){
	 var b   = document.createElement("h1");
	var pai = document.body;
	var texto = document.createTextNode(this.add);
	this.add = texto;
	b.appendChild(texto)
	pai.appendChild(b)
	
	
	  

	
  }
  
   
  criar = new criar()
  
  
 
  
  
 a.onclick = function(){
	
	 criar.luz()
	 
		
		
	}
}