Macam-macam Jenis Javascript Alert

Posted in Javascript, Friday, January 4th, 2013, by Muhammad Fahmi Al Azhar

Ketika memasuki suatu blog tertentu, seringkali muncul kotak peringatan yang menyapa kita.

Biasanya peringatan tersebut tertulis: Selamat Datang di Website.

Kadangkala ketika kita hendak menutup halaman web alert javascript juga muncul dan berkata: apakah anda ingin meninggakan situs ini dan sebagainya.

Yang perlu kita ketahui adalah, peringatan tersebut dibuat dengan menggunakan Javascript.

Dengan menggunakan Javascript, kita dapat membuat alert seperti di blog-blog di luar sana.

Membuat Macam-Macam Jenis Javascript Alert

Tidak terlampau susah untuk membuat Javascript alert, anda dapat mengcopy source code di bawah, lalu menyimpannya di sebuah file html dan jalankan pada browser untuk mencobanya.

Berikut ini adalah beberapa contoh Javascript alert yang dapat anda gunakan:

Contoh pertama:

Javascript alert biasa

<!DOCTYPE html>
<html>
	<head>
		<title>Javascript Alert</title>
		<script>
			function keluar()
			{
				alert("Selamat Datang di Azuharu ~ Another Dream!");
			}
			</script>
	</head>
	<body>
		<input type="button" onclick="keluar()" value="Peringatan!" />
	</body>
</html>

Contoh kedua:

Javascript alert dengan dua buah baris.

<!DOCTYPE html>
<html>
	<head>
		<title>Javascript Alert</title>
		<script>
			function keluar()
			{
				alert("Selamat Datang di Azuharu ~ Another Dream!\nSelamat Membaca");
			}
			</script>
	</head>
	<body>
		<input type="button" onclick="keluar()" value="Click Me!" />
	</body>
</html>
macam macam javascript alert

Javascript Alert

Contoh ketiga:

Javascript dengan kotak konfirmasi.

<!DOCTYPE html>
<html>
	<head>
		<title>Javascript Alert</title>
	</head>
	<body>
		<button onclick="keluar()">Click Me</button>
		<p id="confirm"></p>
		<script>
			function keluar()
			{
				var x;
				var r=confirm("Pilih OK atau Cancel!");

				if (r==true)
				  {
				  	x="OK";
				  }
				else
				  {
				  	x="Cancel";
				  }
				document.getElementById("confirm").innerHTML=x;
			}
		</script>

	</body>
</html>

Contoh 4:

Javascript dengan kotak prompt.

<!DOCTYPE html>
<html>
	<head>
		<title>Javascript Alert</title>
	</head>
	<body>
		<button onclick="myFunction()">Kenalan yuks</button>

		<p id="test"></p>

		<script>
			function myFunction()
			{
				var x;

				var nama=prompt("Siapa nama anda?");

				if (nama!=null)
				  {
				  x="Hai " + nama;
				  document.getElementById("test").innerHTML=x;
				  }
			}
		</script>
	</body>
</html>

Semoga bermanfaat.

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. makasih informasinya yaah