Temat: Ala ma kota
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
function fun1()
{
var tekst = document.getElementById('tekst');
var rozmiar = document.getElementById('rozmiar');
var demo = document.getElementById('demo');
demo.innerHTML = tekst.value;
demo.style.fontSize = parseInt(rozmiar.value)+'px';
}
fun1();
</script>
<form>
Tekst: <input type="text" id="tekst" onkeyup="fun1()" value="Ala ma kota"><br>
Rozmiar czcionki: <input type="number" id="rozmiar" onchange="fun1()" value="100"><br>
</form>
<span id="demo">Ala ma kota</span>
</body>
</html>