Miten saada käyttöliittymän input valikosta parametrit olioon?

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());
6261
Äänestä

Muut lukivat myös

Vastaukset 6

Vanhimmat

Hidasta paskakoodia!

Äänestä
  • no ihan varmsti on, kun tällainen aloittelija kyseessä. Kiitos vaan, mutta kommenttisi ei auttanut nyt yhtään.

    Äänestä

  • Anonyymi kirjoitti:

    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;

    Äänestä

  • Anonyymi kirjoitti:

    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ä.

    Äänestä

Laita koodit funktion sisälle.

Äänestä

<!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>

Äänestä

Ketjusta on poistettu 1 sääntöjenvastainen viesti.

Kommentoi aloitusta


Anonyymi kirjoitti:

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());

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu