Untitled

<html>
    <head>
    <meta charset="utf-8"/>
    </head>
<body onload="s(), o(), o2(), il_o()">

<table>
<tr><td>Ilość odcinków:</td><td><input type="number" id="ilosc_odc" value="1" width="100%"></td></tr>
<tr><td>Długość odcinków:</td><td><input type="number" id="dl_odc" value="1" width="100%"></td></tr>

<tr>

<td>
<select id="aaa" style="width: 100%" onchange="o1(), o2()"> </select>

</td>
<td>
<select id="bbb" style="width: 100%" onchange="yo()"> </select>
</td>

</tr>


<tr><td>Prędkość oglądania:</td><td> <input type="text" id="p" value="1" width="100%"></td></tr>
<tr><td colspan="2"><button onclick="yo()" style="width: 100%">=</button></td></tr>
<tr><td>Ile zostało:</td><td><input type="text" id="color" value="gowno"></td></tr>
</table>

<script>

var sezony;
var sezon=[];

function s()
{
 sezony=parseInt(prompt("Podaj ilość sezonów"));
 sezony+=1;

    for(var i=1; i<sezony; i++)
    {
        var x = document.getElementById("aaa");
        var c = document.createElement("option");
        c.text = "Sezon "+i;
        c.value = i;
        x.options.add(c, i);
    };
    return sezony;
}

function o()
{
    for(var i=1; i<sezony; i++)
    {
        sezon[i]=prompt("Podaj ilość odcinków w sezonie "+i,2);
    }
}

function o1()
{

    var select = document.getElementById("bbb");
    select.options.length = 0;

}

function o2()
{

    var y = document.getElementById("aaa").value;

    for(var i=1; i<=sezon[y]; i++)
    {
        var x = document.getElementById("bbb");
        var c = document.createElement("option");
        c.text = "Odcinek "+i;
        c.value = i;
        x.options.add(c, i);
    };
}

function il_o()
{
        var suma_odc=0;
        for(var i=1; i<sezon.length; i++)
        {
        suma_odc+=parseInt(sezon[i]);
        }
        ilosc_odc.value=suma_odc;

        var dlu_odc=0;
        dlu_odc=prompt("Podaj długość odcinka ");
        dl_odc.value=dlu_odc;
}


function yo()
{

    var suma_odc=0;
    var ilosc_odc2 = 0;

    var xx = document.getElementById("aaa").value;

        for(var i=1; i<xx; i++)
        {
        suma_odc+=parseInt(sezon[i]);
        }
        ilosc_odc2=suma_odc;


    var y = parseInt(document.getElementById("bbb").value);
    var p = parseFloat(document.getElementById("p").value);
    var ilosc_odc = parseInt(document.getElementById("ilosc_odc").value);
    var dl_odc = parseInt(document.getElementById("dl_odc").value);

    var cz_obejrzany=parseFloat(((ilosc_odc2+y)*dl_odc));
    var cz_calosc=parseFloat(((ilosc_odc)*dl_odc));

    var min = parseInt((cz_calosc+dl_odc)-cz_obejrzany)/p;
    var godz = (min / 60);
    var x_godz = Math.floor(godz);
    var minuty = (godz - x_godz) * 60;
    var x_minuty = Math.round(minuty);

    color.value = x_godz + "h " + x_minuty + "min";

}

</script>

</body>
</html>