47 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			47 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!DOCTYPE html>
 | |
| <html lang="cs">
 | |
| <head>
 | |
|     <meta charset="UTF-8">
 | |
|     <title>Přehled Financí 2024</title>
 | |
|     <link rel="stylesheet" href="styly.css">
 | |
| </head>
 | |
| <body>
 | |
|     <h1>Přehled Financí za rok 2024</h1>
 | |
|     <table id="finance-table" border="1">
 | |
|         <thead>
 | |
|             <tr>
 | |
|                 <th>Datum</th>
 | |
|                 <th>Popis</th>
 | |
|                 <th>Částka</th>
 | |
|                 <th>Měna</th>
 | |
|                 <th>Typ</th>
 | |
|             </tr>
 | |
|         </thead>
 | |
|         <tbody>
 | |
|         </tbody>
 | |
|     </table>
 | |
| 
 | |
|     <script>
 | |
|         fetch('finance_2024.csv')
 | |
|             .then(response => response.text())
 | |
|             .then(data => {
 | |
|                 let rows = data.split("\n").slice(1);
 | |
|                 let tableBody = document.querySelector("#finance-table tbody");
 | |
|                 rows.forEach(row => {
 | |
|                     let columns = row.split(",");
 | |
|                     if (columns.length >= 5) {
 | |
|                         let tr = document.createElement("tr");
 | |
|                         columns.forEach(column => {
 | |
|                             let td = document.createElement("td");
 | |
|                             td.textContent = column.trim();
 | |
|                             tr.appendChild(td);
 | |
|                         });
 | |
|                         tableBody.appendChild(tr);
 | |
|                     }
 | |
|                 });
 | |
|             })
 | |
|             .catch(error => console.error("Chyba při načítání CSV:", error));
 | |
|     </script>
 | |
| </body>
 | |
| </html>
 |