from pyscript import document
import random

grondtal = 0
macht = 0
juiste_antwoord = 0

def nieuwe_som(*args):
    global grondtal, macht, juiste_antwoord
    grondtal = random.randint(2, 9)
    macht = random.randint(2, 4)
    juiste_antwoord = grondtal ** macht
    # Zorg dat het element bestaat
    som_el = document.getElementById("som")
    if som_el:
        som_el.innerHTML = f"{grondtal}<sup>{macht}</sup>"
    document.getElementById("antwoord").value = ""
    document.getElementById("feedback").innerHTML = ""

def controleer(*args):
    global juiste_antwoord
    user_input = document.getElementById("antwoord").value
    feedback_el = document.getElementById("feedback")
    if not user_input:
        feedback_el.innerHTML = "Vul iets in!"
        return
    if int(user_input) == juiste_antwoord:
        feedback_el.innerHTML = "✅ Goed!"
        feedback_el.className = "feedback correct"
    else:
        feedback_el.innerHTML = f"❌ Fout. Het was {juiste_antwoord}"
        feedback_el.className = "feedback incorrect"

def toon_antwoord(*args):
    document.getElementById("feedback").innerHTML = f"Het antwoord is {juiste_antwoord}"

# Wacht tot de DOM klaar is
from js import window
def start(*args):
    nieuwe_som()

window.onload = start