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

198

    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. Laitetaas nyt kirjaimet tänne

      kuka kaipaa ja ketä ?
      Ikävä
      138
      10722
    2. Pieni häivähdys sinusta

      Olet niin totinen
      Ikävä
      52
      5140
    3. Taas ryssittiin oikein kunnolla

      r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html
      NATO
      45
      2353
    4. Lähetä terveisesi kaipaamallesi henkilölle

      Vauva-palstalta tuttua kaipaamista uudessa ympäristössä. Kaipuu jatkukoon 💘
      Ikävä
      108
      2170
    5. Missä olet ollut tänään kaivattuni?

      Ikävä sai yliotteen ❤️ En nähnyt sua tänään söpö mies
      Ikävä
      29
      2053
    6. Vanha Suola janottaa Iivarilla

      Vanha suola janottaa Siikalatvan kunnanjohtaja Pekka Iivaria. Mies kiertää Kemijärven kyläjuhlia ja kulttuuritapahtumia
      Kemijärvi
      13
      1661
    7. Valtimon Haapajärvellä paatti mäni nurin

      Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,
      Nurmes
      41
      1482
    8. Tiedän kuka sinä noista olet

      Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta
      Ikävä
      29
      1164
    9. Känniläiset veneessä?

      Siinä taas päästiin näyttämään miten tyhmiä känniläiset on. Heh heh "Kaikki osalliset ovat täysi-ikäisiä ja alkoholin v
      Nurmes
      34
      1123
    10. Rakastuminenhan on psykoosi

      Ei ihme että olen täysin vailla järkeä sen asian suhteen. Eipä olis aikoinaan arvannut, että tossa se tyyppi menee, jonk
      Ikävä
      55
      1024
    Aihe