Catch default event

This commit is contained in:
Sven Seeberg 2022-01-08 18:39:17 +01:00
parent d90c3eb092
commit 89079f4fb8
Signed by: sven.seeberg
GPG Key ID: 29559DD5A83806B5
1 changed files with 4 additions and 3 deletions

View File

@ -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>