Siirry pääsisältöön

Day 4 of Solidabis Code Challenge 2022 – Täydellinen turhautuminen

Julkaistu Aiheet: Suomeksi, Nettisovellukset, Koodihaaste.

Olen nettisovellusaloittelija, joka tekee Solidabiksen koodihaastetta 2022. Päivitän, kuinka minulla menee ja jaan tuskani julkisesti, kun yritän rakentaa äänestyssovellusta ravintolan päättämiseksi!

Tällä kertaa olen vain täydellisen turhautunut.

HTML-kielen sisäkkäisyys

Siis kuinka vaikeaa voi olla pienelle ihmisille ymmärtää HTML-elementtien sisäkkäisyyttä?

Ei kovinkaan vaikeaa. Otetaan yksinkertaistettu esimerkki (eli jätän tunnisteet ja muut attribuutit pois):

<form>
    <input>Anna paikkakunnan nimi</input>
    <button>Hae paikkakunnan ravintolat</button>
</form>

Lomake eli <form>-elementti on nyt elementtien <input> ja <button> vanhempi (”parent”). Toisinpäin: syöttökenttä ja painike eli <input> ja <button> ovat lomakkeen lapsia (”children”).

Ihmiselle (minulle) on vaikeaa ymmärtää, että miten voin käyttää JavaScriptiä <input>-kentän tekstisisällön saamiseen! Se ei siis onnistunut mitenkään.

Lomakkeenhan ainoa tehtävä on välittää tätä tietoa minulle, joten se vielä lisää turhautumista!

Vastausten viidakko

Vaikka katsoin youtube-videon youtube-videon jälkeen ja samosin läpi Google-tulosten viidakon, niin en vain alkanut ymmärtämään, miten saan napattua tuon tiedon lomakkeesta!

Vastauksia oli monenlaisia, mutta yksikään niistä ei vaikuttanut olevan ratkaisu juuri minun ongelmaani.

Löysin vastauksen, miten saan…

  1. pelkästä input-kentästä tiedon Javascriptin kautta APIlle, mutta en, että mitä teen, kun se on lomakkeen sisällä!
  2. ilmoituksen siitä, että lomake oli onnistuneesti palautettu, mutta en, että miten saan sen sisältämät tiedot käyttööni!
  3. tehtyä hakutoiminnon, jos minulla on tiedossa jo kaikki ravintolat joka paikkakunnalta, mutta en, että miten saisin haettua vain tietyn paikkakunnan ravintolat!

Minulla on siis kaikenlaisia osavastauksia ongelmaan ja tarvitsen jotenkin keinon yhdistää ne. Tällä hetkellä lyö tyhjää…

Myötäelä kanssani aina seuraavaan ongelmakohtaan asti.