document.getElementById("title").innerText = "JS DOM"
console.log("index.js started")

function formResult() {
    let jmeno, email, datum, msg;
    jmeno = "<h2> Jméno: " + document.getElementById("jmeno").value + "</h2>";
    email = "<h3>E-mail: " + document.getElementById("email").value + "</h3>";
    datum = "<h5> datum: " + document.getElementById("datum").value + "</h5>";
    msg = "<p>" + document.getElementById("zprava").value + "</p>";
    
    document.getElementById("formResultsFromJS").innerHTML = jmeno + email + datum + msg
}

function magicCube(){
    let n = Number(document.getElementById("kouzlo").value)
    let text = "<h1>MAGIC</h1>"
    for (let i = 0; i < n; i++) {
        for(let j = 0; j < n; j++) {
            text += "*"
        }
        text+= "<br>"
    }
    document.getElementById("formResultsFromJS").innerHTML = text
}
function magicTriangle(){
    let n = Number(document.getElementById("kouzlo").value)
    let text = "<h1>MAGIC</h1>"
    for (let i = 0; i < n; i++) {
        for(let j = 0; j < i+1; j++) {
            text += "*"
        }
        text+= "<br>"
    }
    document.getElementById("formResultsFromJS").innerHTML = text
}