Hello Python ...
diff --git a/src/psc/gallery/examples/interest_calculator/calculator.py b/src/psc/gallery/examples/interest_calculator/calculator.py new file mode 100644 index 0000000..d9e1d70 --- /dev/null +++ b/src/psc/gallery/examples/interest_calculator/calculator.py @@ -0,0 +1,26 @@ +def interest(*args, **kwargs): + """Main interest calculation function.""" + # Signal that PyScript is alive by setting the ``Calculate`` + # button away from disabled. + calculate_button = Element("calc") # noqa + # calculate_button.element.setAttribute("disabled") + + # Now get the various inputs + element_principal = Element("principal") # noqa + element_rate = Element("interest_rate") # noqa + element_time = Element("time") # noqa + principal = float(element_principal.value) + rate = float(element_rate.value) + time = float(element_time.value) + output1 = Element("simple_interest") # noqa + output2 = Element("compound_interest") # noqa + res1 = round(principal + (principal * rate * time)) + res2 = round(principal * ((1 + rate) ** time)) + output1.write(f"simple interest: {res1}") + output2.write(f"compound interest: {res2}") + + +def setup(): + """When Pyodide starts up, enable the Calculate button.""" + calculate_button = Element("calc") # noqa + calculate_button.element.removeAttribute("disabled") diff --git a/src/psc/gallery/examples/interest_calculator/compound-interest.png b/src/psc/gallery/examples/interest_calculator/compound-interest.png new file mode 100644 index 0000000..2a1c345 Binary files /dev/null and b/src/psc/gallery/examples/interest_calculator/compound-interest.png differ diff --git a/src/psc/gallery/examples/interest_calculator/index.html b/src/psc/gallery/examples/interest_calculator/index.html new file mode 100644 index 0000000..311aa2e --- /dev/null +++ b/src/psc/gallery/examples/interest_calculator/index.html @@ -0,0 +1,92 @@ + + + +
+
+
+
+
+ Welcome to the "Simple and Compound Interest Calculator!"
+
+ "how does it work?"
+ to use the "Simple and Compound Interest Calculator", please enter the input data into the form.
+ after clicking "Calculate", your result will be shown at the bottom of the form.
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ + +
+ + + +
+
+ + +
+
+ + +
+ + + +
+
+
+ +
+
+ + +
- Toroid Example
+ Hello World