Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>3. X-mas tree</title>
		<style>
			h1{
				color: green;
				text-align: center;
				letter-spacing: 10px;
				margin: 0;
			}
			h2{
				color: brown;
				text-align: center;
				letter-spacing: 10px;
				font-size: 2rem;
				margin: 0;
			}
		</style>
	</head>
	<body>
		<script>
			var stars = '';
			var tree = '';

			function makeStars(starNumber){
				stars = '';
				for(i=0; i<starNumber; i++){
					stars += '*';
				}
			}

			var treeSize = prompt('What is your tree size?');

			for (i=0; i<=treeSize; i++){
				makeStars(i);
				tree += '<h1>' + stars + '</h1>';
			}

			makeStars(1);
			tree += '<h2>' + stars + '</h2>';

			document.write(tree);
		</script>
	</body>
</html>