Javascript, TypeError: "function" is not a function : <p>I have this little problem... in this code if I define only start() everything works, but when I declare time(), i got the error:
"TypeError: start is not a function". Where is the problem??
Here the code,</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>//start
function start(){
	
	//removes title and start boxes
	var body=document.getElementsByTagName("body")[0];
	var start_box=document.getElementById("start_box");
	var title_box=document.getElementById("title_box");
	body.removeChild(start_box);
	body.removeChild(title_box);
	
	//creates stats box
	var stats_box=document.createElement("div");
	stats_box.id="stats_box";
	var time=document.createElement("p");
	time.id="time";
	var points=document.createElement("p");
	points.id="points";
	stats_box.appendChild(points);
	stats_box.appendChild(time);
	body.appendChild(stats_box);
	
	//creates play box
	var play_box=document.createElement("div");
	play_box.id="play_box";
	body.appendChild(play_box);
	
}

//time
function time(){
	var time=document.getElementById("time");
	for(x=30,x&gt;=0,x--){
		time.innerHTML("Time:"+x);
	}
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE HTML&gt;	
&lt;html&gt;
	&lt;head&gt;
		&lt;title&gt;PICK 'EM ALL&lt;/title&gt;
		&lt;link rel="stylesheet" href="pta.css" type="text/css"&gt;
		&lt;script src="pta.js" type="text/javascript"&gt;&lt;/script&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;div id="title_box"&gt;
			&lt;p id="title"&gt;PICK 'EM ALL&lt;/p&gt;
		&lt;/div&gt;
		&lt;div id="start_box" onclick="start()"&gt;
			&lt;p id="start"&gt;START&lt;/p&gt;
		&lt;/div&gt;
	&lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>
