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

206

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

    Luetuimmat keskustelut

    1. IL - Kansanedustaja tehnyt ITSEMURHAN eduskuntatalossa!!

      "IL:n tiedot: Kansanedustaja tehnyt itsemurhan Eduskuntatalossa Iltalehden tietojen mukaan kansanedustaja on tehnyt its
      Maailman menoa
      401
      8682
    2. Eemeli Peltonen teki itsemurhan eduskuntatalossa

      Kevyet mullat sitten vaan. Ei mulla muuta.
      Maailman menoa
      168
      3041
    3. Kuka pistetty kylmäksi

      Ketähän joutunu puukkohipan uhriksi? Tietääkö kukkaan?
      Kajaani
      16
      1433
    4. Mietin että

      Onko tarinallamme vielä luvussa tilaa kohtaamiselle vai jääkö se tähän.
      Ikävä
      73
      1043
    5. Oletko samaa mieltä

      Että on parempi olla erillään?
      Ikävä
      76
      1038
    6. Postilaatikoista

      Tuntuu kaikki tietävän tekijän/tekijät, mutta miksi nimiä ei julkaista???
      Kihniö
      27
      985
    7. Sylikkäin.

      Sylikkäin, suudellen. Milloin haluaisit näin nainen tehdä ? Vain häntä ajatellen 😘. Tietenkin jos häntä asia kiinnosta
      Ikävä
      62
      940
    8. Nainen arvaa kuka

      En ikävä kyllä elä enää pitkään
      Ikävä
      55
      933
    9. Sano nyt kiertääkö

      Huhut meistä tai jostain muusta?
      Ikävä
      65
      880
    10. Eemeli Peltosen viimeinen postaus Facebookissa!

      "Olen ollut kevätistuntokauden viimeisillä viikoilla paljon poissa eduskuntatyöstä. Sain toukokuussa hyvää hoitoa HUSiss
      Maailman menoa
      73
      864
    Aihe