Vali sugu
Tallinn Tartu Narva Paide Pärnu
Vali oma hobby
function lugemine(){ document.getElementById(«vastus»).innerHTML=»Tere hommikust, «+ document.getElementById(«nimi»).value+ » «+ document.getElementById(«pnimi»).value } //sama funktioon koos muutujatega function lugemine2(){ let nimi=document.getElementById(«nimi»).value; let pnimi=document.getElementById(«pnimi»).value; let vastus=document.getElementById(«vastus»); let varv=document.getElementById(«varv»); //radio-nupud let mees=document.getElementById(«mees»); let naine=document.getElementById(«naine»); let paev=document.getElementById(«synnipaev»).value; let number=document.getElementById(«number»).value; let email=document.getElementById(«email»).value; let telefon=document.getElementById(«telefon»).value; let url=document.getElementById(«url»).value; if(mees.checked){ vastus.innerHTML=»Tere hommikust, mees «+ nimi+ » «+pnimi+»! «+ «
Sinu sünnipäev on «+paev +». Sinu riigi number on «+ number +».» + » Sinu email on «+ email +».» + » Sinu telefon on » + telefon +».» + » Sinu telegrammi url on «+ url +».»; vastus.style.color=varv.value; pilt.src=»mees.png»; } else if(naine.checked){ vastus.innerHTML=»Tere hommikust, naine «+ nimi+ » «+pnimi+»! «+ «Sinu sünnipäev on «+paev +». Sinu riigi number on «+ number +».» + » Sinu email on «+ email +».» + » Sinu telefon on » + telefon +».» + » Sinu telegrammi url on «+ url +».»; vastus.style.color=varv.value; pilt.src=»naine.png»; } 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.backgroundColor=»lightgreen»; } //checkbox valik function checkboxValik(){ let vastus3=document.getElementById(«vastus3»); let sport=document.getElementById(«sport»); let joonistamine=document.getElementById(«joonistamine»); let muusika=document.getElementById(«muusika»); let lugemine=document.getElementById(«lugemine»); let programeerine=document.getElementById(«programeerine»); let hobby=»»; if (sport.checked){ hobby+=sport.value+», «; } if (joonistamine.checked){ hobby+=joonistamine.value+», «; }if (muusika.checked){ hobby+=muusika.value+», «; }if (lugemine.checked){ hobby+=lugemine.value+», «; }if (programeerine.checked){ hobby+=programeerine.value+», «; } vastus3.innerHTML=»Sinu hobby -«+hobby; } input[type=text], input[type=button] { padding: 10px; border: solid 1px lightskyblue; border-radius: 10px; width: 200px; } input[type=color] { border: solid 1px lightgreen; border-radius: 10px; width: 100px; } form{ margin-left: 150px; width: 50%; padding: 10px; border: solid 10px lightcoral; border-radius: 10px; text-align: left; } input[type=number] { padding: 10px; border: solid 1px lightskyblue; border-radius: 10px; width: 200px } input[type=email] { padding: 10px; border: solid 1px lightskyblue; border-radius: 10px; width: 200px } input[type=tel] { padding: 10px; border: solid 1px lightskyblue; border-radius: 10px; width: 200px } input[type=url] { padding: 10px; border: solid 1px lightskyblue; border-radius: 10px; width: 200px } img{ width: 25%; }