Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Vizsga</title>
<style>
#naptar { width: 50%; margin: 0 auto; border-collapse: collapse; font: 1em sans-serif; }
#naptar th, #naptar td { width: 14.2%; height: 2em; border: 1px solid #ccc; text-align: center; vertical-align: middle; }
</style>
</head>
<body>

<table id="naptar">
<thead>
    <tr>
        <td colspan="7">
        <form>
            <label>Év: <input type="number" name="ev" value="2017" min="1900" max="2100" step="1" id="ev"></label>
            <label>Hónap: <input type="number" name="ho" value="1" min="1" max="12" step="1" id="ho"></label>
            <input type="button" id="btn" value="Mutat">
            <input type="hidden" name="neptunkod" value="ENY91S">
        </form>
        </td>
    </tr>
    <tr>
        <th>Hétfő</th><th>Kedd</th><th>Szerda</th><th>Csütörtök</th><th>Péntek</th><th>Szombat</th><th>Vasárnap</th>
    </tr>
</thead>
<tbody id="napok">
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
    <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>
<script>
document.getElementById("btn").addEventListener("click", naptar_mutat, false);

function naptar_mutat() {
/*  Ezt a függvényt kell megírni. Az űrlap 'ev' és 'ho' mezőinek alapján
    töltsük fel a 'naptar' azonosítójú táblázat 'napok' részében lévő
    cellákat a megfelelő napok sorszámával. Nem kell beküldeni, hanem a
    vizsgára hozzuk!

    KÜLÖN KIEMELEM, mert szinte mindenki elfelejti:
    --------------
    Az űrlapon belüli 'neptunkod' rejtett mező értékét állítsuk a saját
    neptunkódunkra!!!
*/

var year = document.getElementById("ev").value; //érték lekérés
var month = document.getElementById("ho").value;
var day_line = document.getElementById("napok").rows;
var day_count = new Date(ev, ho, 0).getDate(); //hány napos
var firstday = new Date(ev, ho-1).getDay(); //január = 0
var line = day_line[0].cells;
var db = 0;
var i = 0;
var szul_ev = 1997;
var szul_ho = 1;
var szul_nap = 13;


//Ha vasárnap akkor 6, mert akkor már csak az utolsó oszlopot kell feltölteni.
if(firstday != 0)
{
    i = firstday -1;
}
else
{
    i = 6;
}

//Törléssel kezd.
for(var k=0; k < 6; k++){
    line = day_line[k].cells; //sor emelés
    for(var j=0; j < 7; j++){
        line[j].innerHTML = ""; //táblázat ürítése
    }
}

//Feltöltése
for(var z=0; z < 6; z++){
    line = day_line[z].cells;
    for(i=i; i < 7 && db < day_count; i++){
        db++;
        /* csillag */
        if(year == szul_ev && month == szul_ho && db == szul_nap)
            line[i].innerHTML = db+"*";
        else
            line[i].innerHTML = db;

    }
    i=0;
}
}

naptar_mutat();

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