Tässä lyhennettynä mitä olen yrittänyt väsätä, olenko ihan hakoteillä?
Yritin myös laittaa esim. nimi: nimitys, mutta ei se toiminut, tai sitten oli joku muu pielessä..
Nimi: <input id ="nimi"/><br/>
Ika: <input id ="ika"/><br/>
Rotu: <input id ="rotu"/><br/>
<button onclick="lisaaTiedot();">Lisää tiedot</button>
function lisaaTiedot(){
//mitäs hittoa tähän??
}
let nimitys = document.getElementById("nimi").value;
let luku = document.getElementById("ika").value;
let rotuinen = document.getElementById("rotu").value;
var koira = {
nimi:
ika:
rotu:
tulosta: function(){
return this.nimi this.ika this.rotu;
}
}
console.log(koira.tulosta());
Yritin myös laittaa esim. nimi: nimitys, mutta ei se toiminut, tai sitten oli joku muu pielessä..
Nimi: <input id ="nimi"/><br/>
Ika: <input id ="ika"/><br/>
Rotu: <input id ="rotu"/><br/>
<button onclick="lisaaTiedot();">Lisää tiedot</button>
function lisaaTiedot(){
//mitäs hittoa tähän??
}
let nimitys = document.getElementById("nimi").value;
let luku = document.getElementById("ika").value;
let rotuinen = document.getElementById("rotu").value;
var koira = {
nimi:
ika:
rotu:
tulosta: function(){
return this.nimi this.ika this.rotu;
}
}
console.log(koira.tulosta());
Vastaukset 6
Vanhimmat
Hidasta paskakoodia!
no ihan varmsti on, kun tällainen aloittelija kyseessä. Kiitos vaan, mutta kommenttisi ei auttanut nyt yhtään.
Jos objektin arvona on samanniminen muuttuja kuin ominaisuudennimi on, se voidaan jättää pois.
let obj = {nimi: nimitys, ika: ika, rotu: rotu} on lyhyemmin let obj = { nimi:nimitys, ika, rotu }
Tai sitten ensin tyhjä objekti:
let obj = {}
obj.nimi = nimitys;
obj.ika = ika;
obj.rotu = rotu;
tai hakasulkeilla taulukkomaisesti:
let obj = {}
obj[nimi] = nimitys;
obj[ika] = ika;
obj[rotu] = rotu;
Tuosta viimeisestä unohtui lainausmerkit:
let obj = {}
obj["nimi"] = nimitys;
obj["ika"] = ika;
obj["rotu"] = rotu;
Tämä tapa on joskus ainoa mahdollinen kun esim. merkkijonossa on tyhjiä merkkejä.
Laita koodit funktion sisälle.
<!DOCTYPE HTML>
<html lang="fi">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KOIRAJUTSKA</title>
</head><body>
Nimi: <input id ="nimi"/><br/>
Ika: <input id ="ika"/><br/>
Rotu: <input id ="rotu"/><br/><br>
<button onclick="lisaaTiedot();">Lisää tiedot</button>
<script>
function lisaaTiedot() {
let nimitys = document.getElementById("nimi").value;
let luku = document.getElementById("ika").value;
let rotuinen = document.getElementById("rotu").value;
const koira = {nimi:nimitys, ika:luku, rotu:rotuinen};
console.log(koira);
}
</script>
</body></html>