104 lines
2.7 KiB
HTML
104 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu" dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Balladák</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="icon" href="/AranyJanos/favicon.ico">
|
|
<script src="ballada.js" charset="utf-8"></script>
|
|
</head>
|
|
<body onload="init()">
|
|
<header class="header">
|
|
<h1>Arany János</h1>
|
|
</header>
|
|
<nav>
|
|
<a href="index.html">Főoldal</a>
|
|
<a class="active" href="balladak.html">Balladák</a>
|
|
<a href="game.html">Ballada kitaláló</a>
|
|
</nav>
|
|
<main>
|
|
<div id="left">
|
|
<select id="ballada" onchange="loadBallada()">
|
|
<option value="">Ballada kiválasztása...</option>
|
|
</select>
|
|
<p id="vers"></p>
|
|
</div>
|
|
<div id="right">
|
|
<h2>Ballada adatok</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">A vers szempontjai</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>Korszak</th>
|
|
<td id="k"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Téma</th>
|
|
<td id="t"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Szerkezet</th>
|
|
<td id="s"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2">Statisztikák</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>Versszakok száma</th>
|
|
<td id="vsz"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Verssorok száma</th>
|
|
<td id="vs"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Karakterek száma (kivéve szóköz)</th>
|
|
<td id="kar"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Szavak száma sorokban átlag</th>
|
|
<td id="vsa"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Szavak száma versszakokban átlag</th>
|
|
<td id="sza"></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table id="vszStat">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="10">Versszakok statisztikái</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr id="vszNumber">
|
|
<th colspan="4">Versszakok</th>
|
|
</tr>
|
|
<tr id="vszWords">
|
|
<th colspan="4">Szavak száma</th>
|
|
</tr>
|
|
<tr id="vszChaars">
|
|
<th colspan="4">Karakterek száma</th>
|
|
</tr>
|
|
<tr id="vszLine">
|
|
<th colspan="4">Átlag szó/sor</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<br class="clear" />
|
|
</main>
|
|
</body>
|
|
</html>
|