Untitled
unknown
plain_text
2 years ago
1.7 kB
2
Indexable
<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> szczyt </title> </head> <body id="body"> <select id="szczyty" onchange="sos()"> <option value="">Wybierz łańcuch górski</option> <option value="romanka.jpg"> Beskidy - Romanka </option> <option value="KlimowaGrapa.jpg"> Beskidy - KlimowaGrapa </option> <option value="rysy.jpg"> Tatry - rysy </option> </select> <select id="tlo" onchange="tlo()"> <option value="">Wybierz kolor tła</option> <option value="blue">niebieski</option> <option value="yellow">żółty</option> <option value="red">czerwony</option> </select> <select id="wh" onchange="wh()"> <option value="">Wybierz rozmiar obrazka</option> <option value="50px">50 x 50</option> <option value="100px">100 x x 100</option> <option value="200px">200 x 200</option> </select> <br><br> <div id="opis"></div> <script> function sos() { const szczyty = document.getElementById("szczyty"); document.getElementById("opis").innerHTML = '<img src="' + szczyty.value + '" alt="szczyt">'; } function tlo() { const tlo = document.getElementById("tlo").value; body.style = "background-color:" + tlo; } function wh() { const wh = document.getElementById("wh").value; const szczyty = document.getElementById("szczyty").value; document.getElementById("opis").innerHTML = '<img src="' + szczyty + '" width="' + wh + '" height="' + wh + '">'; } </script> </body>
Editor is loading...