view: Remove global JS code in recipe-edit.html

This makes it impossible to move the whole JS functionality into the
central ceres.js script. Moving that JS code there makes caching
possible and bundles all JS-related code in one file.

The overall goal is to get rid of as many JS code as possible.

1 files changed, 1 insertions, 6 deletions

diff --git a/view/html/recipe-edit.html b/view/html/recipe-edit.html
index 9980e75..f2695f0 100644
--- a/view/html/recipe-edit.html
+++ b/view/html/recipe-edit.html
@@ -8,7 +8,7 @@
 			<h1>Recipe editor</h1>
 		</header>
 		<main>
-			<form action="/recipe{{if ne .Id ""}}/{{.Id}}{{end}}">
+			<form action="/recipe{{if ne .Id ""}}/{{.Id}}{{end}}" onsubmit="updateRecipe(event)">
 				<input type="hidden" name="id" value="{{.Id}}">
 
 				<p><input type="text" name="title" value="{{.Title}}" placeholder="Title" required></p>
@@ -32,11 +32,6 @@
 		{{ template "footer" }}
 		<script src="/static/view/static/ceres.js"></script>
 		<script>
-			var forms = document.querySelectorAll('form');
-			forms.forEach(form => {
-				form.addEventListener('submit', updateRecipe);
-			});
-
 			function updateRecipe(event) {
 				event.preventDefault();