Test

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="https://pyscript.net/snapshots/2023.09.1.RC2/core.css">

<script type="module" src="https://pyscript.net/snapshots/2023.09.1.RC2/core.js"></script>

</head>

<body>

<p>ADD 2 NUMBER</p>

<label for="input1">Number 1:</label>

<input type="text" id="input1" name="input1"><br><br>

<label for="input2">Number 2:</label>

<input type="text" id="input2" name="input2"><br><br>

<button type="button" id="btn">Click</button>

<div id="output"></div>

<py-config>

[splashscreen]

enabled = false

packages = [ ]

</py-config>

<py-script>

from pyscript import when, display, document

def Element(input):

return float(document.getElementById(input).value)

@when('click', '#btn')

def add():

number1 = Element('input1')

number2 = Element('input2')

result = number1 + number2

display(result, target="output")

</py-script>

</body>

</html>

Page updated

Google Sites

Report abuse