innerhtml undefined code example

Example 1: why innerhtml prints undefined

<!DOCTYPE html>
<html lang="fi">
<head>
	<meta charset="utf-8">
</head>

<body>
	<input id = "Kohde"> Kohdenumero </input> 
	<br/> 
	<input id = "Osoite"> Osoite </input> 
	<br/> 
	<input id = "Hinta"> Hinta </input>
	<br/>  
	<input id = "Pintaala"> Pinta-ala </input>  
	<br/>
	<button type="button" onclick="tulosta()">Lisää tiedot </button>
	<br/>
	<p id="Tekstiä"></p>
<script>

	let Asunto = 
		kohde:document.getElementById("Kohde").value,
		osoite: document.getElementById("Kohde").value,
		hinta: document.getElementById("Kohde").value,
		pintaala: document.getElementById("Kohde").value,
		function TulostaTiedot(){
			return "Kohdenumero: " +this.kohde+ "Osoite: " +this.osoite+ "Hinta: " +this.hinta+ "Pinta-ala: " +this.pintaala;
		}
		function tulosta() {
		document.getElementById("Tekstiä").innerHTML = (TulostaTiedot());
	}

</script>
</body>
</html>

Example 2: innerhtml undefined

innerhtml undefined

Tags:

Html Example