Javascript- Form Elemanları ile dört işlem.

Web Tasarım ve Programlama

 

<body>
	<script type="text/javascript">
		function islem() {
		
             var topla = document.getElementById("topla").checked;
	         var carp = document.getElementById("carp").checked;
			 var bol = document.getElementById("bol").checked;
             var cikar= document.getElementById("cikar").checked;

            var  sayi1= document.getElementById("sayi1").value;
             var  sayi2= document.getElementById("sayi2").value;
             var sonuc ;
             sayi1 =parseInt(sayi1);
             sayi2 =parseInt(sayi2);

			if (topla){	sonuc=sayi1+sayi2;}
			if (carp){	sonuc=sayi1*sayi2;}
			if (bol){	sonuc=sayi1/sayi2;}
		    if (cikar){	sonuc=sayi1-sayi2;}
			alert(sonuc);


}

	</script>
<form>
sayi1:<input type="" id ="sayi1" name="">
sayi2:<input type="" id ="sayi2" name=""><br>
	+<input type="radio" id="topla" name="islem"><br>
	*<input type="radio" id="carp" name="islem"><br>
	/<input type="radio" id="bol" name="islem"><br>
	-<input type="radio" id="cikar" name="islem"><br>
	</form>

<input type="button" name="" value="hesapla" onclick="islem();">
</body>

</html>

Bootstrap ile biçimlenmiş hali.dortislem

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir