Vormist lugemine JS abil
Vali sugu:
Vali linn… Tallinn Tartu Valga Narva Rakvere
Vali oma hobbi
function lugemine() { document.getElementById(“vastus”).innerHTML = “Tere õpilane,”+ document.getElementById(“nimi”).value+ ” “+document.getElementById(“perekonnanimi”).value ; } //sama funktsioon koos muutujatega function lugemine2() { let nimi = document.getElementById(“nimi”).value; let perekonnanimi = document.getElementById(“perekonnanimi”).value; let vastus = document.getElementById(“vastus”); let varv = document.getElementById(“varv”).value; let mees = document.getElementById(“mees”); let naine = document.getElementById(“naine”); let paev = document.getElementById(“sunnipaev”).value; let number = document.getElementById(“number”).value; let email = document.getElementById(“email”).value; let tel =document.getElementById(“tel”).value; let url =document.getElementById(“url”).value; let pilt = document.getElementById(“pilt”); if (mees.checked) { vastus.innerHTML = “Tere hommikust, mees ” +nimi+ ” ” +perekonnanimi+ “!
” + “Sinu sünnipäev: ” +paev+ “
” + “Sinu number: ” +number+ “
” + “Sinu email: ” +email+ “
” + “Sinu telefoni number: ” +tel+ “
” + “Sinu URL: ” +url+ “
“; vastus.style.color = varv; pilt.src =”mees.jpg” } else if (naine.checked) { vastus.innerHTML = “Tere hommikust, naine ” +nimi+ ” ” +perekonnanimi+ “!
” + “Sinu sünnipäev: ” +paev+ “
” + “Sinu isikukood: ” +number+ “
” + “Sinu email: ” +email+ “
” + “Sinu telefoni number: ” +tel+ “
” + “Sinu URL: ” +url+ “
“; vastus.style.color = varv; pilt.src =”naine.jpg” } else { vastus.innerHTML = “Palun vali sugu!”; } } function selectValik(){ let vastus2 = document.getElementById(“vastus2”); let linn = document.getElementById(“linn”); vastus2.innerHTML = “Sinu linn – “+linn.value; vastus2.style.background = “firebrick”; vastus2.style.color = “white”; } function checkboxValik(){ let vastus3 = document.getElementById(“vastus3”); let sport = document.getElementById(“sport”); let joonistamine = document.getElementById(“joonistamine”); let muusika = document.getElementById(“muusika”); let laulmine = document.getElementById(“laulmine”); let programeerimine = document.getElementById(“programeerimine”); let hobby = “”; if(sport.checked){ hobby+=sport.value+”, “; } if(joonistamine.checked){ hobby+=joonistamine.value+”, “; } if(muusika.checked){ hobby+=muusika.value+”, “; } if(laulmine.checked){ hobby+=laulmine.value+”, “; } if(programeerimine.checked){ hobby+=programeerimine.value+”, “; } vastus3.innerHTML=”Sinu hobby – “+hobby; } h1{ text-align: center; width: 100%; color: firebrick; } input[type=button], input[type=text] { text-align: center; width: 100%; color: firebrick; } body{ font-family: Arial, Helvetica, sans-serif; border: solid 1px firebrick; border-radius: 12px; background-color: beige; } input[type=text]{ width: 100%; text-align: center; } input[type=color]{ border: 1px solid firebrick; border-radius: 5px; } form{ text-align: center; height: 100%; border: solid 1px firebrick; border-radius: 12px; margin: auto; padding: 20px; }