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()

 

작동이 안됨...