More tweaks to interest calculator

Author: FabioRosado

src/psc/gallery/examples/interest_calculator/calculator.py

@@ -2,7 +2,7 @@ def interest(*args, **kwargs):
     # Signal that PyScript is alive by setting the ``Calculate``
     # button away from disabled.
     calculate_button = Element("calc")  # noqa
-    calculate_button.element.setAttribute("disabled")
+    # calculate_button.element.setAttribute("disabled")
 
     # Now get the various inputs
     element_principal = Element("principal")  # noqa
@@ -15,8 +15,8 @@ def interest(*args, **kwargs):
     output2 = Element("compound_interest")  # noqa
     res1 = round(principal + (principal * rate * time))
     res2 = round(principal * ((1 + rate) ** time))
-    output1.write("simple interest: " + str(res1))
-    output2.write("compound interest: " + str(res2))
+    output1.write(f"simple interest: {res1}")
+    output2.write(f"compound interest: {res2}")
 
 
 def setup():

src/psc/gallery/examples/interest_calculator/index.html

@@ -49,17 +49,17 @@ <h1 id="header_h1">Welcome to the Compound Calculator!</h1>
 
             <div>
                 <label>Principal
-                    <input id="principal" type="number" style="color: black; min-height: 60px;"/></label>
+                    <input id="principal" type="number" step="1", style="color: black; min-height: 60px;"/></label>
                 <br/><br>
                 <label>Interest rate
-                    <input id="interest_rate" type="number" style="color: black; min-height: 60px;"
+                    <input id="interest_rate" type="number" step="0.1" style="color: black; min-height: 60px;"
                            placeholder="Decimal, f.e. 0.8"/>
                 </label>
                 <br>
                 <br/>
 
                 <label>Time
-                    <input id="time" type="number" style="color: black; min-height: 60px;"
+                    <input id="time" type="number" step="1" min="0" style="color: black; min-height: 60px;"
                            placeholder="in years"/></label>
                 <br> <br/>