Untitled
unknown
plain_text
2 years ago
1.7 kB
3
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...