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>