manga listing

4 years ago · 3a67f2f60a
parent 05a77daf5e
commit 3a67f2f60a
2 changed files with 19 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -1,6 +1,12 @@
 <!DOCTYPE html>
 <html>
 <head>
+<style>
+tr:nth-child(odd)
+{
+	background-color: rgb(240, 240, 240);
+}
+</style>
 <script type="text/javascript" src="main.js"></script>
 <script>
 load();
@ -9,6 +15,11 @@ load();
 <body>
 <h1 id="title">loading...</h1>
 <table id="listing">
+<tr>
+<td><b>title</b></td>
+<td><b>author</b></td>
+<td><b>last update</b></td>
+</tr>
 </table>
 </body>
 </html>
--- a/main.js
+++ b/main.js
@ -6,9 +6,15 @@ function parseinfo(info)
 function loadmangos(info)
 {
 	let listing = document.getElementById("listing");
-	info.forEach(manga => function(manga)
+	info.forEach(manga =>
 	{
-		console.log(manga["id"]);
+		let row = listing.insertRow(-1);
+		let title = row.insertCell(-1);
+		title.innerHTML = manga["titles"][0];
+		let author = row.insertCell(-1);
+		author.innerHTML = manga["author"];
+		let time = row.insertCell(-1);
+		time.innerHTML = new Date(manga["last_updated"]).toLocaleDateString("en-US");
 	});
 	console.log(info);
 }