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

172

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

      kuka kaipaa ja ketä ?
      Ikävä
      91
      7462
    2. Pieni häivähdys sinusta

      Olet niin totinen
      Ikävä
      40
      3602
    3. Lähetä terveisesi kaipaamallesi henkilölle

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

      Ikävä sai yliotteen ❤️ En nähnyt sua tänään söpö mies
      Ikävä
      24
      1040
    5. 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
      32
      923
    6. 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
      27
      901
    7. 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ä
      53
      807
    8. Tähän vaivaan ei auta kuin kaksi asiaa

      1. Tapaaminen uudestaan tai 2. Dementia Anteeksi kun olen olemassa🙄
      Ikävä
      60
      729
    9. Olisinko mä voinut käsittää sut väärin

      Nyt mä kelaan päässäni kaikkea meidän välillä tapahtunutta. Jos mä sit kuitenkin tulkitsin sut väärin? Se, miten sä käyt
      Ikävä
      31
      722
    10. 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
      26
      652
    Aihe