import math
from pyscript import document

def bereken(event):

    output = document.querySelector("#output")

    vierkant = document.querySelector("#vierkant").checked
    cirkel = document.querySelector("#cirkel").checked
    bol = document.querySelector("#bol").checked
    cilinder = document.querySelector("#cilinder").checked

    hoogte = document.querySelector("#hoogte").value
    breedte = document.querySelector("#breedte").value
    straal = document.querySelector("#straal").value
    diameter = document.querySelector("#diameter").value

    tekst = ""

    if vierkant:
        tekst += "We gaan de oppervlakte van een vierkant berekenen <br>"
        tekst += "De formule van het berekenen van een vierkant is hoogte * breedte <br>"
        oppervlakte = float(hoogte) * float(breedte)
        afgerond = round(oppervlakte,1)
        tekst += "De oppervlakte van het vierkant is " + str(afgerond)

    if cirkel:
        tekst += "We gaan de oppervlakte van een cirkel berekenen <br>"
        tekst += "De formule van het berekenen van een cirkel is π*r² <br>"
        if straal != "":
            oppervlakte = math.pi * (float(straal) ** 2)
        else:
            straal2 = float(diameter) / 2
            oppervlakte = math.pi * (straal2 ** 2)

        afgerond = round(oppervlakte,1)
        tekst += "De oppervlakte van de cirkel is " + str(afgerond)

    if bol:
        tekst += "We gaan de oppervlakte van een bol berekenen <br>"
        tekst += "De formule van het berekenen van een bol is 4π*r² <br>"
        if straal != "":
            oppervlakte = 4 * math.pi * (float(straal) ** 2)
        else:
            straal2 = float(diameter) / 2
            oppervlakte = 4 * math.pi * (straal2 ** 2)

        afgerond = round(oppervlakte,1)
        tekst += "De oppervlakte van de bol is " + str(afgerond)

    if cilinder:
        tekst += "We gaan de oppervlakte van een cilinder berekenen <br>"
        tekst += "De formule van het berekenen van een cilinder is 2πr² + 2πrh <br>"

        if straal != "":
            r = float(straal)
        else:
            r = float(diameter) / 2

        h = float(hoogte)

        oppervlakte = (2 * math.pi * r * h) + (2 * math.pi * (r ** 2))
        afgerond = round(oppervlakte,1)

        tekst += "De oppervlakte van de cilinder is " + str(afgerond)

    document.querySelector("#output").innerHTML = tekst