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

Anonyymi

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

6

145

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Anonyymi

      Hidasta paskakoodia!

      • Anonyymi

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

      • Anonyymi
        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;

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

    • Anonyymi

      Laita koodit funktion sisälle.

    • Anonyymi

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

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

    Takaisin ylös

    Luetuimmat keskustelut

    1. Nurmossa kuoli 2 Lasta..

      Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .
      Seinäjoki
      133
      7313

    2. Maisa on SALAKUVATTU huumepoliisinsa kanssa!

      https://www.seiska.fi/vain-seiskassa/ensimmainen-yhteiskuva-maisa-torpan-ja-poliisikullan-lahiorakkaus-roihuaa/1525663
      Kotimaiset julkkisjuorut
      165
      4430

    3. Vanhalle ukon rähjälle

      Satutit mua niin paljon kun erottiin. Oletko todella niin itsekäs että kuvittelet että huolisin sut kaiken tapahtuneen
      Ikävä
      55
      3473

    4. Mikko Koivu yrittää pestä mustan valkoiseksi

      Ilmeisesti huomannut, että Helenan tukijoukot kasvaa kasvamistaan. Riistakamera paljasti hiljattain kylmän totuuden Mi
      Kotimaiset julkkisjuorut
      507
      3192

    5. Purra hermostui A-studiossa

      Purra huusi ja tärisi A-studiossa 21.11.-24. Ei kykene asialliseen keskusteluun.
      Perussuomalaiset
      297
      2134

    6. Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!

      Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde
      Suomalaiset julkkikset
      36
      1783

    7. Kaksi lasta kuoli kolarissa Seinäjoella. Tutkitaan rikoksena

      Henkilöautossa matkustaneet kaksi lasta ovat kuolleet kolarissa Seinäjoella. Kolmas lapsi on vakasti loukkaantunut ja
      Maailman menoa
      20
      1731

    8. Miten meinasit

      Suhtautua minuun kun taas kohdataan?
      Ikävä
      91
      1583

    9. Miksi pankkitunnuksilla kaikkialle

      Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että
      Maailman menoa
      179
      1495

    10. Ensitreffit Hai rehellisenä - Tämä intiimiyden muoto puuttui suhteesta Annan kanssa: "Meillä ei..."

      Hai ja Anna eivät jatkaneet avioliittoaan Ensitreffit-sarjassa. Olisiko mielestäsi tällä parilla ollut mahdollisuus aito
      Ensitreffit alttarilla
      15
      1436
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt