Untitled

<!DOCTYPE html>
<html>


<head>


	<script src="test3.js"></script>

 </head>


 <body>


	<input type ="text" name ="kyriazis" id="integer"></br>
	<br><br>

	<input type="submit" value="create" onclick="asterakia()">
	<p id="par1"></p>


 </body>

 </html>


function asterakia(){

	var integer = document.getElementById("integer").value;
	var par = document.getElementById("par1");


	for(var i=0; i<integer; i++ ){

		var star = document.createTextNode("*");
		par.appendChild(star);
		}

	var btn = document.createElement("button");
	var t= document.createTextNode("color");
	btn.appendChild(t);

	btn.setAttribute("onclick","color()");
	document.body.appendChild(btn);

}


function color(){

	document.getElementById("par1").style.color ="red";

}