Untitled

<!DOCTYPE HTML>
<html lang="PL">

<head>
    <meta charset="UTF-8">
    <style>
        #Pudelko
{
width:220px;
height:300px;
border: solid black;
}

.Przycisk
{
width:50px;
height:50px;
}

#Rownanie
{
height:50px;
width:220px;
font-size:20px;
}

#Liczby
{
height:250px;
width:110px;
}

#Znaki
{
height:250px;
width:110px;
}
</style>
</head>

<body>
    <div id="Pudelko">
        <div id="Rownanie">
            <div id="Liczby"></div>
            <div id="Znaki"></div>
        </div>
        <form name="Kalkulator">
            <input type="button" class="Przycisk" value="1" id="Jeden" onClick="Wpisanie_znaku(1)" />
            <input type="button" class="Przycisk" value="2" id="Dwa" onClick="Wpisanie_znaku(2)" />
            <input type="button" class="Przycisk" value="3" id="Trzy" onClick="Wpisanie_znaku(3)" />
            <input type="button" class="Przycisk" value="+" id="Plus" onClick="Wpisanie_znaku('+')" />

            <input type="button" class="Przycisk" value="4" id="Cztery" onClick="Wpisanie_znaku(4)" />
            <input type="button" class="Przycisk" value="5" id="Piec" onClick="Wpisanie_znaku(5)" />
            <input type="button" class="Przycisk" value="6" id="Szesc" onClick="Wpisanie_znaku(6)" />
            <input type="button" class="Przycisk" value="-" id="Minus" onClick="Wpisanie_znaku('-')" />

            <input type="button" class="Przycisk" value="7" id="Siedem" onClick="Wpisanie_znaku(7)" />
            <input type="button" class="Przycisk" value="8" id="Osiem" onClick="Wpisanie_znaku(8)" />
            <input type="button" class="Przycisk" value="9" id="Dziewiec" onClick="Wpisanie_znaku(9)" />
            <input type="button" class="Przycisk" value="/" id="Dzielenie" onClick="Wpisanie_znaku('/')" />

            <input type="button" class="Przycisk" value="*" id="Mnozenie" onClick="Wpisanie_znaku('*')" />
            <input type="button" class="Przycisk" value="0" id="Zero" onClick="Wpisanie_znaku(0)" />
            <input type="button" class="Przycisk" value="C" id="Wyczysc" onClick="Wpisanie_znaku('C')" />
            <input type="button" class="Przycisk" value="=" id="Znak_rownosci" onClick="Wpisanie_znaku('R')" />
        </form>
        <div id="Wynik"></div>
    </div>
    <script>
        var k = 0;
        var l = 0;

        var liczba = [];
        var znak = [];
        var liczba_n = "";
        var dzialanie = "";

        function Wpisanie_znaku(x) {


            //Wyświetlenie jesli liczba
            if (x != '+' && x != '-' && x != '/' && x != '*' && x != 'R') {
                document.getElementById("Liczby").innerHTML += x;
                liczba_n += parseInt(x);

            }

            //Jeżeli znak
            else if (x == '+' || x == '-' || x == '/' || x == '*') {

                znak[k] = x;
                liczba[l] = parseInt(liczba_n);
                liczba_n = "";
                dzialanie += liczba[l] + " " + znak[k] + " ";
                document.getElementById("Znaki").innerHTML = dzialanie;
                document.getElementById("Liczby").innerHTML = "";
                l++;
                k++;

            }

            //Wynik
            else if (x == 'R') {
                liczba[l] = liczba_n;

                document.getElementById("Liczby").innerHTML = "";
                k++;
                liczba[k] = document.getElementById("Wynik").innerHTML;


                //Kolejność działań
                for (i = 0; i < k; i++) {

                    liczba[i] = parseInt(liczba[i]);
                    liczba[i + 1] = parseInt(liczba[i + 1]);

                    if (znak[i] == '*') {

                        liczba[i] = liczba[i] * liczba[i + 1];


                        liczba.splice(i + 1, 1);
                        znak.splice(i + 1, 1);
                        console.log(liczba[0], liczba[1]);
                        k--;

                    } else if (znak[i] == '/') {
                        liczba[i] = liczba[i] / liczba[i + 1];
                        liczba.splice(i, 1);
                        znak.splice(i, 1);
                        k--;
                        i--;
                    }

                }


                //Obliczanie równania
                var wynik = parseInt(liczba[0]);
                for (i = 0; i < k; i++) {
                    if (znak[i] == '+') wynik += liczba[i + 1];
                    else if (znak[i] == '-') wynik -= liczba[i + 1];
                }

                document.getElementById("Liczby").innerHTML = wynik;
                 dzialanie += liczba_n + " " + "=" + " "+wynik;
                document.getElementById("Znaki").innerHTML = dzialanie;
                liczba_n = "";
            }


            //Wyczyszczenie
            if (x == 'C') {
                document.getElementById("Liczby").innerHTML = "";
                liczba_n = "";
                //return wynik = 0;
            }

        }

    </script>
</body>

</html>