Mengubah Tampilan Ukuran Teks Dengan Javascript. Hai ! Tutorial lalu kita sudah mempelajari tentang Pengenalan Code JavaScript GetElement, jika anda ingin lebih jelas mengenal JavaScript anda bisa mengunjungi halaman berikut https://www.dicloud.id/tutorial/categories/javascript, disini kita akan mempelajari tentang Mengubah Tampilan Ukuran Teks Dengan Javascript, berikut penjelasannya :
Mengubah Tampilan Ukuran Teks Dengan Javascript
disini kita akan mempelajari tentang Mengubah Tampilan Ukuran Teks Dengan Javascript, berikut penjelasannya :
Code Javascript Ubah Ukuran Teks
Disini saya akan memberikan contoh code JavaScript Ubah Ukuran Teks pada sebuah file website, berikut contoh nya:
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>Test1</title> </head> <body> <h1 id="ce">TEST 1</h1> <button type="button" onclick='getElementById("ce").style.fontSize = "140px"'>CLICK ME!</button> </body> </html> |
Dan akan menghasilkan hasil seperti gambar dibawah ini :
Jika anda klik tombol CLICK ME ! maka teks diatas akan berubah seperti gambar dibawah ini :
Disini kita sama menggunakan code getElementById, karena code ini berfungsi untuk mengambil id dari sebuah code html, seperti yang saya buat di atas, tetapi ada perbedaan, dimana kita mendapatkan code baru lagi, yaitu .style.fontSize code ini berfungsi sebagai pengubah ukuran huruf pada JavaScript, jadi jika anda ingin mengubah huruf pada data di HTML anda bisa menggunakan Javascript code getElement lalu berisikan .style.fontSize=”blablapx”.
Kesimpulan
jika anda ingin mengubah huruf pada data di HTML anda bisa menggunakan Javascript getElement lalu berisikan .style.fontSize=”blablapx”, contoh getElementById(‘ce’).style.fontSize = “40px”;
Sekian Terima Kasih.
Technical Support in dicloud.id