JSFiddle - React, Tailwind, and code Playground

by Jessie Lau

HTML

<body>
  <div class="container">
    <div class="row">
      <div class="col-md-10-md-offset-2">
        <h3>Your Gold: <span>{{ total_gold }}</span></h3>
        <div  class="box col-xs-3">
          <form action="/process_money" method="POST">
            <h3>Farm</h3>
            <p>(earns 10 - 20 golds)</p>
            <input class="btn btn-default" name="farm" type="submit" value="Find Gold!">
          </form>
        </div>
        <div  class="box col-xs-3">
          <form action="/process_money" method="POST">
            <h3>Cave</h3>
            <p>(earns 5 - 10 golds)</p>
            <input class="btn btn-default" name="cave" type="submit" value="Find Gold!">
          </form>
        </div>
        <div  class="box col-xs-3">
          <form action="/process_money" method="POST">
            <h3>House</h3>
            <p>(earns 2 - 5 golds)</p>
            <input class="btn btn-default" name="house" type="submit" value="Find Gold!">
          </form>
        </div>
        <div  class="box col-xs-3">
          <form action="/process_money" method="POST">
            <h3>Casino</h3>
            <p>(earns 0 - 50 golds)</p>
            <input class="btn btn-default" name="casino" type="submit" value="Find Gold!">
          </form>
        </div>
        <h3>Activities:</h3>
        <div class="box col-xs-12">
          <ul>
            {% for activity in activities: %}
            <li> {{ activity }} </li>
            {% endfor %}
          </ul>
        </div>
      </div>
    </div>
  </div>
</body>

JavaScript

from flask import Flask, render_template, session, random, request, redirect
import datetime
app = Flask(__name__)
app.secret_key = "IsSrecretKey"


@app.route("/")
def index():
    session["activities"] = []
    if "total_gold" not in session.keys():
        session["total_gold"] = 0
    return render_template("index.html", activities=session["activities"],
                           total_gold=session["total_gold"])


@app.route("/process_money", methods=["POST"])
def process_money():
    if request.form["farm"] == "farm":
        farm_money = random.randrange(10, 21)
        session["total_gold"] = session[
            "total_gold"] + random.randrange(10, 21)
        session["activities"] = ("Earned {} golds from the farm! {}".format(
            farm_money, datetime.datetime.now()))
    elif request.form["cave"] == "cave":
        cave_money = random.randrange(5, 11)
        session["total_gold"] = session["total_gold"] + random.randrange(5, 11)
        session["activities"] = ("Earned {} golds from the cave! {}".format(
            cave_money, datetime.datetime.now()))
    elif request.form["house"] == "house":
        house_money = random.randrange(2, 6)
        session["total_gold"] = session["total_gold"] + random.randrange(2, 6)
        session["activities"] = ("Earned {} golds from the house! {}".format(
            house_money, datetime.datetime.now()))
    else:
        casino_money = random.randrange(-50, 51)
        session["total_gold"] = session[
            "total_gold"] + random.randrange(-50, 51)
        session["activities"] = ("Earned {} golds from the house! {}".format(
            casino_money, datetime.datetime.now()))
    return redirect("/")

app.run()