Podstawy JavaScript

Question

        var liczba;
		var liczba2;
		var bool= true;
		
		liczba= document.getElementById("pole").value;
		liczba2= document.getElementById("pole2").value;
		
		if(liczba<0);
		else if(liczba>0);
		else if(liczba=="0");
		else bool=false;
		if(liczba2<0);
		else if(liczba2>0);
		else if(liczba2=="0");
		else bool=false;
		
		if(bool==true)
		{
		
		var większa;
		var mniejsza;
		if(liczba2<liczba)
		{
			wieksza=liczba;
			mniejsza=liczba2;
		}
		else
		{
			wieksza=liczba2;
			mniejsza=liczba;
		}
		
		var liczby= "";
		
		for(i=mniejsza;i<=wieksza;i++)
		{
			liczby = liczby + i + " ";
		}
		
		document.getElementById("wynik").innerHTML= liczby;
		}
		else document.getElementById("wynik").innerHTML= "Wpisz liczbę";

Witam!

Oto mój kod JS. Na stronie pokazują się dwa miejsca na liczby oraz jeden przycisk. Przycisk aktywuje kod JS, który sprawdza czy w polach są liczby i wypisuje on wszystkie liczby od liczby mniejszej do większej.

Kod działa jeśli wpiszemy np.: 4 i 9 to wynik będzie: 4 5 6 7 8 9

Problem polega na tym, że jeśli wpiszemy np.:  5 i 15 to wynik wyskakuje 15. Natomiast jeśli wpiszemy np.:10 i 15 to wynik wyskoczy poprawny.

Nie rozumiem dlaczego tak się dzieje. Proszę o odpowiedź.

Comments

 
if(liczba<0);
else if(liczba>0);
else if(liczba=="0");
else bool=false;
if(liczba2<0);
else if(liczba2>0);
else if(liczba2=="0");
else bool=false;

Jak to rozumiesz?

Albo to.

if(bool==true)
{
 
var większa;
var mniejsza;

 

Answer 1

Poczzytaj o różnicy pomiędzy ''==" a "===".

https://poznajprogramowanie.pl/operatory-porownania-jezyku-javascript/

Comments

Mógłbyś napisać jaki błąd popełniłem?

---

Najlepiej jakbyś wrzucił działający kod na stronke typu https://jsfiddle.net/ bo nie rozumiem jak taki kod w ogóle może Ci działać ;) [chyba coś źle wkleiłeś]. Dodatkowo nie wstawiaj polskich znaków do zmiennych

 

@edit eh przecież jsfiddle sam się tu pcha  jednak gdybyś podał całego htmla byłoby zawsze trochę łatwiej zdiagnozować

Answer 2

Zobacz działanie zamieniając 

liczba= document.getElementById("pole").value;
liczba2= document.getElementById("pole2").value;

na:

 liczba = parseInt(document.getElementById("pole").value,10);
 liczba2 = parseInt(document.getElementById("pole2").value,10)

powinno zadziałać.

Answer 3

1. Zamiast var używaj let do zmiennych, które będziesz zmieniał i const do tych, które nie powinny się zmieniać.

2. w for powinno być (let i =0;

3. I najważniejsze, używaj console.log() a w nim to co sprawdzasz, by sobie wyświetlać sobie w konsoli przeglądark (klawisz F12) i jak działa kod.

4. Javascript typuje dynamicznie. Typ zmiennej możesz sprawdzić za pomocą typeof i np. wyświetlić sobie console.log(typeof zmienna);

5. Zamiast liczby = liczby + i + " "; możesz napisać liczby = `${liczby+i} `; i ten znaczek rozpoczynający i kończący string jest na klawiszu z tyldą (obok 1), ale jeśli liczby zwiększasz o i, a i zwiększasz o +1, to można przecież wprost zwiększyć liczby za pomocą inkrementacji.

Comments

Z tym sprawdzaniem typu przez typeof to bym uważał... np.:

const arr = [1, 2, 3];

typeof arr; // "object"

Object.getPrototypeOf(arr) === Array.prototype;// true

Object.prototype.toString.call(arr); // "[object Array]"

Dla typów prostych oki, ale przy typach złożonych bezpieczniej czasami sprawdzać dokładnie prototyp.

---

Pewnie masz rację, ale początkującemu (czyli mi czasami też) wystarczy typeof. Bardzo często gdy coś nie działa to typeof pokazuje u mnie undefined co pozwala zrozumieć czasem mało oczywisty błąd :)

---

takie błędy to czasami najlepiej sprawdzać przez debugowanie ze śledzeniem wartosci zmienych i od razu widać w ktorym miejscu kodu co się dzieje.