Bu örnekte JavaScript ile input Range Kullanarak sayfaya eklenmiş bir metnin FontSize özelliğini değiştirerek yazı büyüklüğünü ayarlayacağız. JavaScript kodlarımızı yazıp çalıştırdığımızda aşağıdaki gibi bir görüntü oluşacaktır.
JavaScript Kodları:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> </head> <body> <input type="range" min="1" max="100" id="rFont" value="12"> <div id="kutu">JavaScript</div> <script> rFont.oninput=function(){ document.getElementById("kutu").style.fontSize=rFont.value+"px"; } </script> </body> </html> |
Yorum Yap