3J_WTL_2024/05/script.js

document.getElementById("title").innerText = "JS DOM";
console.log("script.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 = "<h4>Datum zprávy:"+document.getElementById("datum").value + "</h4>";
    msg = "<p>Text zprávy: "+document.getElementById("zprava").value+"</p>";

    document.getElementById("formResultFromJS").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("formResultFromJS").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; j++) {
            text += "*";            
        }     
        text+="<br>"  
    }
    document.getElementById("formResultFromJS").innerHTML = text;    
}