Nginx·Html·Java Script
PyScript 예제
SubjectOwner
2023. 2. 3. 11:39
https://www.youtube.com/watch?v=3DuyJf_XPtM
index.html
<html>
<head>
<script defer scr="https://pyscript.net/alpha.pyscript.js"></script>
<link rel="stylesheet" href"https://unpkg.com/@picocss/pico@latest/css/pico.min.css" />
</head>
<body>
<py-script scr="./main.py"></py-script>
<main class="container">
<div>
<input
type="number"
id="number_input"
min="1"
max="50"
placeholder="Guess a number btw 1 and 50"
/>
<button id="add_todo" pys-onClick="play_game">Guess</button>
</div>
<h1 id="result"></h1>
</main>
</body>
</html>
main.py
import random
number_input = Element("number_input")
result = Element("result")
def play_game(*args):
user_guess = number_input.value
machine_guess = random.randint(1, 50)
if int(user_guess) == machine_guess:
# user wins
result.element.innerText="You win"
else:
# user looses
result.element.innerText=f"You lost! The machine chose {machine_guess}"
number_input.clear()
작동이 안됨...