diff --git a/homepage/new.template.html b/homepage/new.template.html
index 7e833ac39fbffe51ce6f4db2994036dacb7a2fbf..0cab38234b768957df7a9d76ec769dd0e61c2cd3 100644
--- a/homepage/new.template.html
+++ b/homepage/new.template.html
@@ -14,11 +14,11 @@
         <form method="post">
             <div class="form-group">
                 <label for="amount">Mennyi {{ .Product.Name }}t szeretnél venni?</label><br>
-                <button type="button" class="btn bg-kszk text-white" onclick="set(1)">1</button>
-                <button type="button" class="btn bg-kszk text-white" onclick="set(2)">2</button>
-                <button type="button" class="btn bg-kszk text-white" onclick="set(3)">3</button>
-                <button type="button" class="btn bg-kszk text-white" onclick="set(4)">4</button>
-                <button type="button" class="btn bg-kszk text-white" onclick="set(5)">5</button><br><br>
+                <button type="button" class="btn bg-kszk text-white" id="amount-1">1</button>
+                <button type="button" class="btn bg-kszk text-white" id="amount-2">2</button>
+                <button type="button" class="btn bg-kszk text-white" id="amount-3">3</button>
+                <button type="button" class="btn bg-kszk text-white" id="amount-4">4</button>
+                <button type="button" class="btn bg-kszk text-white" id="amount-5">5</button><br><br>
                 <input name="amount" id="amount" type="number" class="form-control" value="1">
                 Ár: {{ .Product.Price}} JMF / db
             </div>
@@ -30,11 +30,7 @@
         </form>
     </div>
 
-    <script>
-        function set(value) {
-            document.getElementById("amount").value = value;
-        }
-    </script>
+    <script src="/static/js/new-set.js"></script>
     {{ end }}
 {{ end }}
 </div>
diff --git a/static/js/new-set.js b/static/js/new-set.js
new file mode 100644
index 0000000000000000000000000000000000000000..9096e4522ffb959a5d7d295a5b5f59dede83bdd5
--- /dev/null
+++ b/static/js/new-set.js
@@ -0,0 +1,13 @@
+function setupButton(elem, amount) {
+    elem.addEventListener('click', (event) => {
+        document.getElementById("amount").value = amount;
+        event.preventDefault();
+        return false;
+    });
+}
+
+setupButton(document.getElementById('amount-1'), 1);
+setupButton(document.getElementById('amount-2'), 2);
+setupButton(document.getElementById('amount-3'), 3);
+setupButton(document.getElementById('amount-4'), 4);
+setupButton(document.getElementById('amount-5'), 5);