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")
}
}
----------------------------------------------------
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")
}
}
----------------------------------------------------
Vastaukset 9
Vanhimmat
Mistä nuo "num1" ja "num2" tulevat? Onko niiden tarkoitus olla funktion parametreja? Miten kutsut tuota funktiota?
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
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!
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()
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
Kiitokset tälle!!! Sain toimimaan!