Apua javascriptiin

Anonyymi

Hei minulla on ongelma javascript funktion kanssa. Olen nyt pähkäillyt tässä parisen kymmentä minuuttia miksi ei toimi funktio oikein niin päätin tulla kysäisemään täältä jos apua saisi :)
Eli siis funktion pitäisi tulostaa konsoliin "Samat" jos 2 annettua numeroa on samat ja "Eri luvut" jos ne ovat eri lukuja. Tässä on nykyinen JS tiedostoni ja pyytäkää jos tarvitsette HTML tiedoston. Kiitos
----------------------------------------------------
function Haaste4() {
if (num1 == num2){
console.log("Samat")
} else {
console.log("Eri luvut")
}
}
----------------------------------------------------

9

217

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Mistä nuo "num1" ja "num2" tulevat? Onko niiden tarkoitus olla funktion parametreja? Miten kutsut tuota funktiota?

      • Anonyymi

        En ole niin taitava tässä niin kysäisinkin tuossa että HTML:llän voin antaa jos tarvitsee. HTML:ssä siis annetaan numerot ja napilla kutsutaan funktio. Tuossa alapuolella löydät HTMLän
        ------------------------------------------------------------------------------
        <!DOCTYPE html>
        <html lang="en" dir="ltr">
        <head>
        <script src="haaste4.js" charset="utf-8"></script>
        <meta charset="utf-8">
        <title>Koodaushaaste 4</title>
        </head>
        <body>
        <p>
        Anna luku 1:<br>
        <input id="num1">
        </p>
        <p>
        Anna luku 2:<br>
        <input id="num2">
        </p>
        <button type="button" onclick="Haaste4()">Tarkista</button>
        <p>Tarkista konsoli!</p>
        </body>
        </html>
        ------------------------------------------------------------------------------


      • Anonyymi
        Anonyymi kirjoitti:

        En ole niin taitava tässä niin kysäisinkin tuossa että HTML:llän voin antaa jos tarvitsee. HTML:ssä siis annetaan numerot ja napilla kutsutaan funktio. Tuossa alapuolella löydät HTMLän
        ------------------------------------------------------------------------------
        <!DOCTYPE html>
        <html lang="en" dir="ltr">
        <head>
        <script src="haaste4.js" charset="utf-8"></script>
        <meta charset="utf-8">
        <title>Koodaushaaste 4</title>
        </head>
        <body>
        <p>
        Anna luku 1:<br>
        <input id="num1">
        </p>
        <p>
        Anna luku 2:<br>
        <input id="num2">
        </p>
        <button type="button" onclick="Haaste4()">Tarkista</button>
        <p>Tarkista konsoli!</p>
        </body>
        </html>
        ------------------------------------------------------------------------------

        Sun pitää funktioon käydä num1:n ja num2:n arvot getElementById:llä.

        Tyyliin:

        let inputVal = document.getElementById("inputId").value;

        https://www.w3docs.com/snippets/javascript/how-to-get-the-value-of-text-input-field-using-javascript.html


      • Anonyymi
        Anonyymi kirjoitti:

        Sun pitää funktioon käydä num1:n ja num2:n arvot getElementById:llä.

        Tyyliin:

        let inputVal = document.getElementById("inputId").value;

        https://www.w3docs.com/snippets/javascript/how-to-get-the-value-of-text-input-field-using-javascript.html

        Tuon kun laittaa haaste4.js:ään, niin alkaa futaamaan.

        // haaste4.js
        const Haaste4 = () => {
          const num1 = document.getElementById("num1").value;
          const num2 = document.getElementById("num2").value;
          if (num1 == num2){
            console.log("Samat")
          } else {
            console.log("Eri luvut")
          }
        }


      • Anonyymi
        Anonyymi kirjoitti:

        Tuon kun laittaa haaste4.js:ään, niin alkaa futaamaan.

        // haaste4.js
        const Haaste4 = () => {
          const num1 = document.getElementById("num1").value;
          const num2 = document.getElementById("num2").value;
          if (num1 == num2){
            console.log("Samat")
          } else {
            console.log("Eri luvut")
          }
        }

        Kiitos Turpo-Urpo! Olet guru!


    • Anonyymi

      Eipä siinä muuta puutu kuin muuttujien num1 ja num2 esittely.

      function Haaste4() {
      if (num1 == num2){
      console.log("Samat")
      } else {
      console.log("Eri luvut")
      }}

      num1=5; num2=5
      Haaste4()

      • Anonyymi

        Lisätäänpä vielä tarkennusta:

        Tämä vertaa vain muuttujien arvoja
        if (num1 == num2)

        Tämä vertaa muuttujien arvoa ja typpiä
        if (num1 === num2)

        Joten tuossa sinun funktiossa saat saman vastauksen, näillä kummallakin alustustavalla:
        num1=5; num2="5"
        num1=5; num2=5


      • Anonyymi
        Anonyymi kirjoitti:

        Lisätäänpä vielä tarkennusta:

        Tämä vertaa vain muuttujien arvoja
        if (num1 == num2)

        Tämä vertaa muuttujien arvoa ja typpiä
        if (num1 === num2)

        Joten tuossa sinun funktiossa saat saman vastauksen, näillä kummallakin alustustavalla:
        num1=5; num2="5"
        num1=5; num2=5

        Lisätäänpä vielä esimerkkikin mukaan. Tein HTML sivun, ja vastaus tulostuu sivulle itselleen. Tässä näytti yläpuolella olevan jo noita jotka tulostivat selaimen "Console" -välilehdelle.


        https://gitlab.com/-/snippets/2197638


      • Anonyymi
        Anonyymi kirjoitti:

        Lisätäänpä vielä esimerkkikin mukaan. Tein HTML sivun, ja vastaus tulostuu sivulle itselleen. Tässä näytti yläpuolella olevan jo noita jotka tulostivat selaimen "Console" -välilehdelle.


        https://gitlab.com/-/snippets/2197638

        Kiitokset tälle!!! Sain toimimaan!


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Onko sulla

      suoja työ paikka? 🤔🤷‍♂️
      Ikävä
      27
      3827
    2. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      542
      2782
    3. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      54
      2313
    4. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      217
      2292
    5. Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle

      Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle
      Joensuu
      13
      1839
    6. Mies profiloin sinut

      Etsit täysin hallittavaa mutta samalla poikkeuksellista ihmistä. Etsit jotain mitä et koskaan tule saamaan.
      Ikävä
      219
      1560
    7. Kiantama kartelli

      Onko alhaisempaa kuin toimia ensin kartellissa ja lopuksi koittaa pelastaa nahkasa vasikoimalla muut kun jää kiinni? Eip
      Suomussalmi
      56
      1541
    8. Nostetaanko nainen kissa pöydälle?

      Ja selvitetään nämä tunteet?
      Ikävä
      97
      1419
    9. Oletko nainen alkanut kammoamaan minua

      Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom
      Ikävä
      63
      1294
    10. Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä

      Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise
      Maailman menoa
      95
      1224
    Aihe