Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Sprawdzian</title>
    <style>
        table tr:first-child
        {
            background-color: lightgray;
            height: 30px;
        }

        table
        {
            max-width: 100%;
        }

        textarea
        {
            min-width: 100%;
            width: 10vh;
            max-height: 30px;
            min-height: 30px;
            background-color: transparent;
            border: none;
            color: black;
            text-align: center;
            box-sizing: border-box;
            padding-top: 7px;
            padding-bottom: 7px;
        }

    </style>
</head>
<body>
    <form name="formularz">
        Nazwa <input type="text" name="nazwa"><br>
        Ilość <input type="text" name="ilosc"><br>
        Cena <input type="text" name="cena"><br>
        Data ważności <input type="date" name="data"><br>
        <input type="button" value="Sprawdź" onclick="spr()">
    </form>

    <div id="wynik"></div>

    <script>
        function rnd(x,y)
        {
            return Math.round(x*Math.pow(10,y))/Math.pow(10,y);
        }

        function produkt(nazwa,ilosc,cena,data)
        {
            this.nazwa = nazwa;
            this.ilosc = ilosc;
            this.cena = cena;
            this.data = data;

            this.ileDni = function(){
                this.data1 = new Date(this.data);
                this.data2 = new Date();
                this.data3;

                this.naleznosc = this.cena*this.ilosc;

                this.ileWazny = this.data1-this.data2;
                this.wazny = "";
                this.tytul = "";
                this.rabat = 0;
                if(this.ileWazny<0){
                    this.wazny="Nie";
                    this.tytul = "Przeterminowany";
                    this.data3 = new Date(this.data2-this.data1).getDate();
                    this.rabat = 100;
                }else{
                    this.wazny="Tak";
                    this.tytul = "Ważny";
                    this.data3 = new Date(this.data1-this.data2).getDate();
                    if(this.data3<5)this.rabat = 50;
                }

                this.naleznoscPoRabacie = this.naleznosc - this.rabat/100*this.naleznosc;

                this.calosc = '<table border="1"> <tr> <td><textarea disabled>Nazwa</textarea></td><td><textarea disabled>Ilość</textarea></td><td><textarea disabled>Cena</textarea></td><td><textarea disabled>Data ważności</textarea></td><td><textarea disabled>Ważność</textarea></td><td><textarea disabled>'+this.tytul+'</textarea></td><td><textarea disabled>Należność</textarea></td><td><textarea disabled>Rabat</textarea></td><td><textarea disabled>Cena po rabacie</textarea></td> </tr> <tr> <td>'+this.nazwa+'</td><td>'+this.ilosc+'</td><td>'+this.cena+'</td><td>'+this.data+'</td><td>'+this.wazny+'</td><td>'+this.data3+' dni</td><td>'+rnd(this.naleznosc,2)+'</td><td>'+this.rabat+'%</td><td>'+rnd(this.naleznoscPoRabacie,2)+'</td> </tr> </table>';

                document.getElementById("wynik").innerHTML = this.calosc;
            }
        }

        function spr()
        {
            var n = document.formularz.nazwa.value;
            var i = document.formularz.ilosc.value;
            var c = document.formularz.cena.value;
            var d = document.formularz.data.value;

            var p = new produkt(n,i,c,d);
            p.ileDni();
        }

    </script>
</body>
</html>