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

195

    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. Persuja ei aluevaltuustoissa näy

      Ei tunnu persuja paljon paikalliset asiat kiinnostavan, vaan ainoastaan ulkomaalaiset, joku Israel ja Trumpin fanitus.
      Maailman menoa
      59
      3727
    2. Päivän Riikka: Uudenkaupungin autotehdas hiljeni

      Näin ne 100 000 uutta pysyvää ei-tempputyötä yksityiselle sektorille tämän hallituksen ansiosta syntyy. Työntekijöille j
      Maailman menoa
      87
      3118
    3. Riikka vie Suomen kohta ykköseksi työttömyyskisassa

      Espanja: 10,5 % Suomi: 10,3 % Ruotsi: 9,3 % Kisa on tiukkaa, mutta Riikalla hyvä draivi päällä. Vasemmistolaisen päämin
      Maailman menoa
      69
      2326
    4. Mikä ihme teitä savolaisia tuossa

      p*rs*reiässä niin kiinnostelee? Että siitä pitää päntönnään huutaa.
      Tuusniemi
      14
      1530
    5. Laita tunniste josta kaivattusi tietää sun kirjoittavan täällä

      Joku yksilöity yhteinen juttu joka on sun ja kaivattusi välillä. Tuntomerkkinä esim. punainen pipopää, tonttu-ukko tai m
      Ikävä
      65
      1319
    6. Mikä tekee naisesta

      Seksikkään ja viehättävän? Entä miehestä?
      Ikävä
      87
      1169
    7. Varusmiehen kuolema

      Ei ollut vahinko, ei aiheuttanut vaaraa muille, eikä ollut rikos, mitä jää jäljelle? Oliko kyseessä oman käden kautta lä
      Kajaani
      29
      1039
    8. Kumpaan rahat, mummojen vaippoihin vai Nalle WahIroosille?

      JOS siis sinä saisit päättää?
      Maailman menoa
      1
      991
    9. Huippu, kaupunki ostaa hotellin

      Hyvä juttu meillä on oma hotelli iloitsi Pirtihirmukin. Nyt vaan rekryt päälle ja uusi henkilökunta. Tarvitaan tekijöitä
      Ähtäri
      55
      965
    10. Mitä ajattelet rakkaastasi tällähetkellä?

      Itse haluaisin jo hänen viereen..
      Ikävä
      47
      952
    Aihe