Use form to add XP from POST request

Author: lulunac27a

app.py

@@ -3,7 +3,7 @@
 """
 
 import math
-from flask import Flask, render_template, redirect, url_for
+from flask import Flask, render_template, redirect, url_for, request
 from flask_sqlalchemy import SQLAlchemy
 
 app = Flask(__name__)
@@ -52,13 +52,13 @@ def index():
     return render_template("index.html", user=user)
 
 
-@app.route("/add_xp/<float:amount>", methods=["POST"])
-def add_xp(amount):
+@app.route("/add_xp", methods=["POST"])
+def add_xp():
     """
     Add XP (experience points) based on entered amount.
     """
     user = User.query.first()
-    user.add_xp(amount)
+    user.add_xp(float(request.form["amount"]))
     db.session.commit()
     return redirect(url_for("index"))
 

templates/index.html

@@ -11,11 +11,12 @@ <h1>Flask User Level XP System</h1>
       Level {{ user.level }}<br />
       {{ user.xp }} / {{ user.xp_required }} XP<br />
       <progress value="{{ user.xp }}" max="{{ user.xp_required }}"></progress>
-      <button
-        onclick="location.href='{{ url_for('add_xp', user_id=user.id, amount=1) }}'"
+      <form
+        action="{{ url_for('add_xp', user_id=user.id, amount=1) }}"
+        method="post"
       >
-        Add XP
-      </button>
+        <button type="submit">Add XP</button>
+      </form>
     </ul>
   </body>
 </html>