Cara Membuat Output Tulisan dengan JavaScript

Selamat pagi kawan kawan, sebelumnya saya sudah membuat tutorial penulisan javascript. Kali ini saya akan membuat tutorial Cara Membuat Output Tulisan Pada JavaScript.

Untuk menampilkan tulisan dengan bahasa javascript cukup mudah caranya adalah :

Lite One Blogger Template

Menggunakan innerHTML
Menggunakan document.write()
Menggunakan window.alert()
Menggunakan console.log()

Nah untuk cara yang pertama adalah menggunakan innerHTML, jadi text yang ingin kita tampilkan nanti akan dibantu dengan innerhtml. cara penulisannya adalah seperti ini :

	<!DOCTYPE html>
	<html>
	<body>
	<h2>Halo dunia</h2>
	<p>Paragraf pertama</p>
	<p id="belajarjs"></p>
	<script>
	document.getElementById("belajarjs").innerHTML = 5 + 15;
	</script>
	</body>
	</html>

view raw 001_innerHTML.html hosted with ❤ by GitHub

Maka Hasilnya adalah seperti dibawah ini:

Selanjutnya menggunakan documen,write() untuk cara yang ini tidak dianjurkan karena akan menghapus seluruh tag dalam html tersebut. Jadi saran saya adalah gunakan cara yang pertama tadi.

	<!DOCTYPE html>
	<html>
	<body>

	<h2>Halo Dunia</h2>
	<p>Contoh Kedua</p>
	<script>
	window.onload = function(){
	document.write("www.danilrafiqi.xyz");
	}
	</script>

	</body>
	</html>

view raw 002_document.write().html hosted with ❤ by GitHub

Untuk bagian yang selanjutnya akan saya jelaskan di tutorial berikutnya. Udah capek ngetik nih wkwk :D

Hasil dari code yang kedua adalah menampilkan tulisan "www.danilrafiqi.xyz" saja

Semoga bermanfaat.