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

201

    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. SDP on vastuunkantaja, ja siksi suosituin kansan keskuudessa

      Kiusaamiseenkin SDP puuttuu heti sellaisen tultua ilmi. Esimerkiksi persut lakaisevat nämä maton alle ja pahentavat site
      Maailman menoa
      51
      5876
    2. Persut on Suomen mamutuspuolue nro 1.

      Heti ensimmäisenä persuvuonna 2015 maahantoivat Suomeen 35 tuhatta kunniavierastaan. Tuoreimpana persuvuonna 2025 pers
      Maailman menoa
      71
      4605
    3. Punavihreät puolueet haluavat Suomeen satoja tuhansia kehitysmaalaisia

      SDP, vihreät ja vassarit haluavat nostaa esim. pakolaiskiintiötä todella paljon. Orpon hallituksen aikana maahanmuutto
      Maailman menoa
      46
      4362
    4. SDP:n johto pesi kätensä häirintäkohusta

      "Suurimman oppositiopuolue SDP:n johto olisi todennäköisimmin halunnut vaieta puolueen ympärillä velloneen häirintäkohun
      Maailman menoa
      56
      4141
    5. SDP on selvästi paras valinta äänestyskopissa

      Puolueella on arvomaailma kohdallaan, sillä on hyvä CV itsenäisen Suomen historiassa vastuunkantajana ja hyvinvointivalt
      Maailman menoa
      93
      3753
    6. Tytti Tuppurainen ollut aivan sekaisin viime päivinä

      Pitäis varmaan tehdä huumetesti sille. "– SDP:n Tytti Tuppurainen väittää kirkkain silmin ja Antti Lindtman vierellään
      Maailman menoa
      62
      3303
    7. SDP:n selitykset ontuu pahasti - "On käsitelty heti, mutta kukaan ei tiedä"

      Kokoomuslaiset pistää taas demareita nippuun. Tuppuraisen mukaan mukaan SDP:n useat ahdistelutapaukset on käsitelty het
      Maailman menoa
      50
      2463
    8. Oletko nainen turhautunut, kun en tule juttelemaan siellä?

      Haluaisin tottakai tulla. Älä käsitä väärin. Ehkä ensi kerralla?
      Ikävä
      35
      2369
    9. Kähmijä puolueen kannatus romahtamassa

      Erityisesti naiset ovat suuttuneet SDP:lle kertoo asiantuntijat
      Maailman menoa
      42
      2089
    10. En uskalla ees ajatella muru

      Miten mulle ois käynyt näiden raskaiden vuosien aikana jos sua ei ois ollut 🥺😧❤️ Sä oot ollut mun henkisenä tukena iha
      Ikävä
      13
      1229
    Aihe