Untitled

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
function tlo(index)
{
	var kolor=document.form1.wybtlo[index].value;
	document.getElementById("1").style.background=kolor;
}
function kolczc(index)
{
	var kolor=document.form1.kolorczc[index].value;
	document.getElementById("1").style.color=kolor;
}
function rozmczc(index)
{
	var rozmiar=document.form1.rozm[index].value;
	document.getElementById("1").style.fontSize=rozmiar;
}
</script>
<div id="1" style="max-width:100%; height: 100%; outline:black dashed: padding-inline:1px;">
<br>
<form name="form1">
Kolor tła: <select name="wybtlo" onclick="tlo(wybtlo.selectedIndex)">
<option value="blue">Niebieski</option>
<option value="red">Czerwony</option>
<option value="black">Czarny</option>
</select>

Kolor czcionki: <select name="kolorczc" onclick="kolorczc(kolorczc.selectedIndex)">
<option value="black">Czarny</option>
<option value="white">Biały</option>
<option value="pink">Różowy</option>
</select>

Rozmiar czcionki: <select name="rozm" onclick="rozmczc(rozm.selectedIndex)">
<option value="100%">100%</option>
<option value="130%">130%</option>
<option value="150%">150%</option>
</select>
</form>
</div>
</body>
</html>