Untitled

 avatar
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...