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. Orpo pelästyi, kun asiat tulivat ilmi ? Hallitus ei enää tuekaan Garden hanketta

      Pääministerinä Orpo on vastuussa hallituksensa päätöksenteosta. Hallitus päätti avokätisestä tuesta hankkeelle, joka ei
      Kansallinen Kokoomus
      405
      1706
    2. Ei käy sääliksi sitä miestä

      Sitä saa mitä tilaa.
      Ikävä
      145
      1111
    3. Olet kuin minä

      Jännä huomata tämä kerta toisensa jälkeen eikö ❤️
      Ikävä
      87
      1055
    4. Mitähän ajattelet

      Nykyään minusta tai meistä tai tapahtuneista?
      Ikävä
      66
      1046
    5. Mitä kaivattusi

      pelkää? 👻
      Ikävä
      95
      958
    6. Miksi naiset tuoksuvat vaihdevuosien tietyssä vaiheessa todella etäännyttäviltä

      Mietin tätä, onko luojalla ollut jokin tarkoitus näin voimakkaan lemun aikaan tekemiselle. Monet ajattelevat miten joku
      Sinkut
      142
      802
    7. Hankkikaa elämä

      Tiedetään että hän on mielenkiintoinen mutta rajansa kaikella.
      Ikävä
      94
      731
    8. Sinun silmiisi kun

      Katson niin ymmärrän sen. 👁️👁️👀
      Ikävä
      45
      691
    9. Voisitko mies auttaa..

      Ottaisit yhteyttä vielä kerran, jos haluat? 🤔 Jätäthän ilkeät kommentit pois.
      Ikävä
      50
      669
    10. En ehkä onnistu siinä

      Kovasti minä yritän näyttää kauniilta, vain sinua varten, mutta en taida onnistua siinä.
      Ikävä
      57
      644
    Aihe