odc. 2 JS - dodatkowe zadanie nr 2

pytanie zadane 13 sierpnia 2018 w JavaScript przez KlemensGak Bywalec (2,210 p.)
zmienione kategorie 13 sierpnia 2018 przez Comandeer

Dzień dobry,

W odcinku 2-im, Java Script są trzy zadania do zrobienia. Planowałem to zrobić tak poprzez IF (bo tak trzeba to zrobić, ewentualnie przez CASE. Problem jest w tym, że kiedy dodaje IF to już kod nie działa. Kiedy już kompletnie nie mogłem się dowiedzieć dlaczego nie działa to też użyłem kodu z komentarza z filmu (autorem jest Barbie Barbinska) ze zrobionym zadaniem - też nie działa (działa tylko ostatnie ELSE). Na dole załączam kod. Nie widzę tu żadnego błędu.

<!DOCTYPE html>
    <html lang="pl">
        <head>
            <title>odc. 2 JS zad. 2</title>
            <meta charset="utf-8">
            <script type="text/javascript">
                
                
                var number1 = document.getElementById("area1").value;
                var number2 = document.getElementById("area2").value;
                                
                function wypisz()
                {
                    
                    var liczba1 = document.getElementById("pole1").value;
                    var liczba2 = document.getElementById("pole2").value;
                    
                    var napis = "";
                    var same = 'Podane liczby sa identyczne';
                    var Yegg = 'You know nothin John Snow';
                    var Yegg2 = "Musisz podac same liczby...";
                  
                    if(isNaN(liczba1) || isNaN(liczba2))
                    {
                        document.getElementById("wynik").innerHTML = Yegg2;    
                    }
                    else if(liczba1>liczba2)
                    {
                        for(x=liczba1; x<liczba2; x++)
                        {
                            napis = napis + x + ", ";
                        }
                         document.getElementById("wynik").innerHTML = napis + liczba2 + "."; 
                    }
                    else if(liczba1==liczba2)
                    {
                        document.getElementById("wynik").innerHTML = same;
                    }
                    else if(liczba1>liczba2)
                    {
                        for(x=liczba1; x>liczba2; x--)
                        document.getElementById("wynik").inner = napis + x + ", ";
                    }
                    else
                    {
                        document.getElementById("wynik").innerHTML = Yegg;
                    }
                			}
       
            </script>
            
        </head>
        <body bgcolor="#303030" style="color: white;">
            
            <input type="text" id="pole1"/>
            <input type="text" id="pole2"/>
            
            <input type="submit" value="pokaz" onclick="wypisz();"/>
            
            <div id="wynik">Po wciśnięciu przycisku powinny pojawiś się liczby.</div>

            

            <div>
                <h1>Zadania</h1></br>
                <h2> zad 1</h2></br>
                Co jeśli liczba 2 jest więsza od liczby 1?</br>
                <h2> zad 2</h2></br>
                Rozróżnić co jeśli w okienku nie ma liczby lub wartość nie jest liczbą?
                Program ma rozróżnić, która wartość w którym okienku jest fałszywa.

            </div>
        </body>
    </html>

Także proszę o pomoc, możecie też pokazać jak wy zrobiliście te zadanie i 3-cie też.

komentarz 13 sierpnia 2018 przez KlemensGak Bywalec (2,210 p.)

Aaa i jeszcze jedno pytanie. Dlaczego nie można w tym zadaniu użyć VAR w tym zadaniu jako global variable? Wtedy zamiast liczb wyskakuje napis "undefined". Czy to dlatego, że zasięg po kliknięciu przycisku z funkcją "wypisz()" jest tylko w zasięgu tej funkcji i nie czyta już tego co jest globalne, poza funkcją?

komentarz 13 sierpnia 2018 przez StOcK Mądrala (6,100 p.)

@KlemensPL,

Linia 28, linia 39, masz ten sam warunek

komentarz 16 sierpnia 2018 przez KlemensGak Bywalec (2,210 p.)

To nie pomaga :(

komentarz 17 sierpnia 2018 przez StOcK Mądrala (6,100 p.)

A może jednak się wykonują?

else if(liczba1>liczba2){
    for(x=liczba1; x<liczba2; x++){
        napis = napis + x + ", ";
    }
    document.getElementById("wynik").innerHTML = napis + liczba2 + "."; 
}

Dajmy na to liczby "5" oraz 2"
Prześledź teraz ten kody wyżej i pomyśl jaki będzie wynik ;)
Podpowiem, pętla nigdy się nie wykona