Javascript Girilen Sayıya Göre Farklı Renkte Yazdırma

Bu yazımızda javascript programında klavyeden girilen bir mesajı, yine klavyeden girilen bir sayıya göre farklı renklerde ekrana yazdırma yapacağız. Öncelikle kullanıcıdan bir mesaj girmesinin sağlayacak bir mesaj kutusu oluşturuyoruz ve kullanıcının mesajını buradan alıyoruz. Daha sonra yine kullanıcıdan 1,2 yada 3 rakamlarından birini girmesini istiyoruz. Bunlardan farklı giriş yapılırsa hatalı giriş uyarısı veriyor.

1 Rakamı Kırmızı

2 Rakamı Mavi

3 Rakamı Yeşil

Programın ekran görüntüleri

İlk olarak mesajımızı giriyoruz.

Daha sonra Kırmızı renk için 1 giriyoruz.

Mesajımız ekrana kırmızı olarak yazdırılıyor.

Mavi renk için 2 sayısını giriyoruz.

Mesajımız ekrana mavi olarak yazdırılıyor.

Yeşil için 3 sayısını giriyoruz.

Mesajımız ekrana yeşil olarak yazdırılıyor.

Programın Javascript Kodları

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Başlıksız Belge</title>
</head>

<body>

<script type="text/javascript" language="javascript">

	var yazi=prompt("İfade Giriniz");
	var renk=prompt("Kırmızı için --->1, Mavi için --->2, Yeşil için ---->3");
	
	switch(renk)
	{
	case "1":
		document.write("<font color='#F00'>"+yazi+"</font>");
		break;
	case "2":
		document.write("<font color='#00F'>"+yazi+"</font>");
		break;
	case "3":
		document.write("<font color='#0F0'>"+yazi+"</font>");
		break;
	default:
		document.write("yanlış değer girdiniz");
		break;
	}
</script>
</body>
</html>

Bu Yazıya Tepkin Nedir?