HTML output Etiketi Nedir ve Nasıl Kullanılır?

HTML output etiketi temel olarak web sayfasında gerçekleştirilen matematiksel işlemlerin sonuçlarını göstermek için oluşturulmuş bir etikettir. Bu etiket tek başına belirtilen matematiksel işlemleri gerçekleştirmiyor tabi ki. output etiketi sadece sayısal ifadelerin matematiksel sonuçlarının yer alacağı alanı temsil ediyor. Dolayısıyla işlemlerimizi JavaScript ile gerçekleştirip, output etiketinin konumladığı alana sonucu yerleştirmemiz gerekmektedir.

<output> … </output> etiketinin genel kullanımı aşağıdaki gibidir.

<output> Burası matematiksel sonuç alanı </output>

output etiketi ile basit bir örnek yapalım. Örneğimiz aşağıdaki gibi olacaktır.

<!DOCTYPE html>
<head>
<title>Welcome!</title>
<meta charset="utf-8">
<script type="text/javascript">
var sayi1=0, sayi2 = 0, toplam = 0;
function topla(){
sayi1 = parseFloat(document.getElementById("sayi1").value);
sayi2 = parseFloat(document.getElementById("sayi2").value);
toplam = sayi1 + sayi2;
document.getElementById("toplam").innerHTML = toplam;
}
</script>
</head>
<body>
<table>
<tr>
<td><input type="number" value="0" placeholder="Birinci Sayi" id="sayi1" onchange="topla()"/></td>
<td><input type="number" value="0" placeholder="İkinci Sayi" id="sayi2" onchange="topla()"/></td>
<td><output id="toplam"></output></td>
</tr>
</table>
</body>
</html>

HTML output etiketi konusunu bu yazımızda gördük. Konu ile ilgili soru, görüş ya da fikirlerinizi aşağıda bulunan yorumlar kısmı ile bizlere ulaştırabilirsiniz. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca Instagram ve Twitter linklerine de tıklayarak bizi Instagram ve Twitter üzerinden takip ederek destek olabilirsiniz.

https://yazilimdelisi.com/category/web-gelistirme/html/

Sosyal Medya Hesaplarımız

instagram logo
twitter logo

Son Eklenen Yazılar

Bir Cevap Yazın

%d blogcu bunu beğendi: