Programa con Python en tu sitio web estático. Te presento PyScript! - New Generation

Breaking

martes, 3 de enero de 2023

Programa con Python en tu sitio web estático. Te presento PyScript!

Simple calculadora solo con HTML:

Resultado:

from js import document from pyodide import create_proxy def calculate(event): num1 = document.getElementById("num1").value; num2 = document.getElementById("num2").value; result = int(num1) + int(num2); document.getElementById("result").innerHTML = result; def setup(): click_proxy = create_proxy(calculate) e = document.getElementById("button") e.addEventListener("click", click_proxy) setup()

Ahora tu sitio web será capaz de procesar código Python dentro de tu HTML con este código de ejemplo: 
<script defer="" src="https://pyscript.net/latest/pyscript.js"></script>
<form>
  <input type="number" id="num1">
  <input type="number" id="num2">
  <button type="button" onclick="calculate()">Calcular</button>
</form>

<p>Resultado: <span id="result"></span></p>

<py-script>
from js import document
from pyodide import create_proxy
  def calculate(event):
    num1 = document.getElementById("num1").value;
    num2 = document.getElementById("num2").value;
    result = int(num1) + int(num2);
    document.getElementById("result").innerHTML = result;
  def setup():
  click_proxy = create_proxy(calculate)
  e = document.getElementById("button")
  e.addEventListener("click", click_proxy)
  setup()
</py-script>

Esta calculadora solo realiza sumas, pero puedes agregar más operaciones matemáticas modificando la línea de código que calcula el resultado. También puedes agregar más campos de entrada y botones para otras operaciones, como resta, multiplicación y división.

Documentación de PyScript: https://docs.pyscript.net/latest/tutorials/getting-started.html

No hay comentarios:

Publicar un comentario