Rough menu sketch

2023-07-04 17:00:23 +02:00 · 2023-07-04 17:00:23 +02:00 · 45d070e4a4
parent f8c212f2c8
commit 45d070e4a4
2 changed files with 33 additions and 0 deletions
--- a/brown-wall.html
+++ b/brown-wall.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8"/>
+	<meta name="vieport" content="width=device-width, initial-scale=1"/>
+	<link rel="stylesheet" type="text/css" href="/style.css"/>
+	<title>Brown Wall</title>
+</head>
+<body>
+	<h1>Brown Wall</h1>
+	<h3>A wall which has been hit with a considerable amount of faeces.</h3>
+	<noscript>Enable JS to use this application.</noscript>
+	<div class="menu-container">
+		<menu>
+			<h3>Genre</h3>
+			<select name="genre" id="genre">Genremenu</select>
+		</menu>
+	</div>
+</body>
+<script src="main.js"></script>
+</html>
--- a/main.js
+++ b/main.js
@ -0,0 +1,12 @@
+"using strict";
+
+const genres = [ "FPP"
+               , "Action Adventure"
+               , "Lobotomy aka Idlegame"
+               , "Specticle Fighter"
+               ]
+
+const genreMenu = document.getElementById('genre');
+genres.forEach( genre => {
+    genreMenu.append(Object.assign( document.createElement("option"), { id:genre.toLowerCase(), innerHTML:genre }));
+});