Kod:
<input type="text" id="yaricap" placeholder="Yarı çap uzunluğunu girin">
<input type="button" value="Hesapla" id="hesapla">
<script>
//fonksiyonu tanımladık.
function hesapla(){
//text kutusu içindeki değeri okuyup sayi değişkenine aktarıyoruz.
var sayi=document.getElementById("yaricap").value;
//text kutusuna girilen değerler metinsel türdedir. Hesaplama yapabilmek için sayıya çeviriyoruz.
sayi=Number(sayi);
var alan=4*Math.PI*sayi*sayi;
alert("Kürenin Alanı:"+alan.toFixed(2));
}
//hesaplama yapması için hesap butonunu seçiyoruz.
var hesapBtn=document.getElementById("hesapla");
//fonksiyonu olaya bağlıyoruz.
hesapBtn.onclick=hesapla;
</script>