add export button (that does nothing right now)

Author: everloste

index.html

@@ -29,6 +29,7 @@ <h2>Datapack Toolkit Web (indev)</h2>
 						<span class="file-custom"></span>
 					</label>
 					<div id="datapack-display"></div>
+					<button type="button" id="export-button">Export (test)</button>
 				</div>
 
 				<template id="datapack-template">

src/main.ts

@@ -94,3 +94,10 @@ function sanitizeHtml(unsafe: string): string {
 	div.innerText = unsafe;
 	return div.innerHTML;
 }
+
+const exportButtonElement = document.getElementById("export-button")!;
+exportButtonElement.addEventListener("click", exportButtonClicked, { passive: true });
+
+function exportButtonClicked() {
+	console.log("Export button clicked")
+}

style.css

@@ -187,3 +187,14 @@ a:visited {
 	color: inherit;
 	font-family: inherit;
 }
+
+button {
+	border: 2px;
+	border-color: var(--background-below);
+	border-style: solid;
+	background-color: var(--background-above);
+	font: inherit;
+	color: inherit;
+	padding-bottom: 0.5em;
+	padding-top: 0.5em;
+}