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

210

    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. Kansalla on oikeus tietää miksi persut pettävät

      Koko kulunut hallituskausi on kysytty persuilta, minkä vuoksi he ovat pettäneet käytännössä jokaisen vaalilupauksen, ain
      Maailman menoa
      61
      7530
    2. Venäjän armeijan evp-upseeri: Armeija surkeassa tilassa, jonka läpäisee kaiken kattava

      valehtelu. Venäläiset alkaneet pohtia julkisesti maan todellisia tappioita. Z-bloggari ja 3. luokan kapteeni (evp.) Mak
      Maailman menoa
      124
      2959
    3. Minkälaisen viestin

      Laittaisit ikävöinnin kohteelle, jos rohkenisit?
      Ikävä
      143
      1793
    4. Kansalla on oikeus tietää mikä on SDP:n talousohjelma jolla maan talous

      saadaan nousuun? Miksi puolue piilottelee sitä, vai eikö sitä ole? Tähän asti olemme vaan saaneet kuulla hallituksen ha
      Maailman menoa
      65
      1669
    5. Ammattiliitto 900 euroa/vuosi - Työttömyyskassa 72 euroa/vuosi

      Ammattiliitosta eroamalla voi säästää jopa 800 euroa vuodessa. Mitä enemmän tienaat, sitä enemmän maksat liitolle. Esim
      Maailman menoa
      117
      1479
    6. Miten voit olla niin tyhmä

      että et tajunnut että sua vedätettiin? Tietäisitpä miten hyvät naurut on saatu. Naiselle
      Tunteet
      169
      1429
    7. Missä vaiheessa

      Päätit irl luovuttaa minun suhteeni?
      Ikävä
      131
      1173
    8. Millaisena uskot

      Kaivattusi kokevan tunteensa?
      Ikävä
      78
      869
    9. Kyriake=Kirkko

      Kirkko, Kyriake Kirkko-sana tulee kreikankielen sanasta Kyriake=Herran omat, Kristuksen omaksi kastettujen suuri joukko
      Kaste
      47
      812
    10. Mitä haluat eniten

      Kaivattusi kanssa?
      Ikävä
      53
      764
    Aihe