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

258

    Vastaukset 6

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

    Luetuimmat keskustelut

    1. Haluatko että unohdan sinut kokonaan

      Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j
      Ikävä
      92
      1393
    2. Haapaveden upea kurvikuningatar

      No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga
      Haapavesi
      83
      961
    3. Millä nimellä

      kutsut kaivattuasi omassa mielessäsi?
      Ikävä
      42
      844
    4. Pisa-tulokset.....

      Tuoreen tutkimuksen mukaan suomalaisten osaaminen on edelleen OECD-maiden keskitasoa parempaa. Kantaväestön oppilaiden
      Maailman menoa
      296
      767
    5. Uskaltaisitko ihana nuorempi nainen lähettää

      WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️
      Ikävä
      82
      641
    6. Jos ajattelit että

      Annan anteeksi niin en anna.
      Ikävä
      48
      631
    7. Meinasi nainen mennä pasmat sekaisin

      Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.
      Ikävä
      35
      621
    8. Sinulle viestiä

      Me sitten oikeasti tutustutaan ensin!!
      Ikävä
      47
      617
    9. Tiedät että on

      Tunteita yhä ja edelleen. Ehkä molemmin puolin.
      Ikävä
      28
      574
    10. 40
      571
    Aihe