From 89079f4fb8eaacbb9d23e72a0d5510333a700c74 Mon Sep 17 00:00:00 2001
From: Sven Seeberg <mail@sven-seeberg.de>
Date: Sat, 8 Jan 2022 18:39:17 +0100
Subject: [PATCH] Catch default event

---
 index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 9e660ff..eaf23ad 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,13 @@
   <body class="text-center">
   <main class="form-qrcode">
   <script type="text/javascript">
-    function generate_qrcode() {
+    function generate_qrcode(e) {
+      e.preventDefault();
       var wrapper = new QRCodeWrapper(document.getElementById("canvas"), document.getElementById("floatingInput").value);
       wrapper.render();
     }
   </script>
-  <form onsubmit='generate_qrcode();'>
+  <form onsubmit='generate_qrcode(event);'>
     <div class="form-floating">
       <img class="mb-4" src="https://blog.netzbegruenung.de/files/2013/10/netzbegruenung-logo-website.png" alt="" height="57">
       <h1 class="h3 mb-3 fw-normal">QR Code Generator</h1>
@@ -26,7 +27,7 @@
       <label for="floatingInput">Adresse / Text</label>
     </div>
 
-    <button type='button' class="w-100 btn btn-lg btn-primary" onclick='generate_qrcode();'>Generieren</button>
+    <button type='button' class="w-100 btn btn-lg btn-primary" onclick='generate_qrcode(event);'>Generieren</button>
   </form>
 
   <div class="text-center m-4" id="qrcode" style=""><canvas id="canvas"></canvas></div>
