میانگین اعداد داخل تگ ها را حساب کنید و در کنسول نشان دهید.
مثال :
10
35
17
23
43
27
78
ببخشید این چه جوریه؟؟
میانگین اعداد داخل تگ ها را حساب کنید و در کنسول نشان دهید.
مثال :
10
35
17
23
43
27
78
ببخشید این چه جوریه؟؟
درود
یک صفحه html ایجاد کنید و کدهای زیر را داخل اون قرار بدین، سپس توسط مرورگر صفحه را باز کنید.
<html>
<body>
<div class="numbers">
<p>10</p>
<p>35</p>
<p>17</p>
<p>23</p>
<p>43</p>
<p>27</p>
<p>78</p>
</div>
<div class="result">
</div>
<script>
var tags = document.querySelectorAll('.numbers p');
var sum = 0;
tags.forEach(element => {
sum += parseInt(element.innerHTML);
});
console.log('Average: ' + Math.round(sum / tags.length * 100) / 100);
</script>
</body>
</html>
از تابع querySelectorAll برای دریافت همه تگ های p که در کلاس numbers قرار دارن به صورت آرایه استفاده شده. با استفاده از حلقه foreach به عناصر این آرایه دسترسی پیدا کردیم و مجموع اعداد داخل اون تگ ها داخل متغیر sum قرار میگیره. در آخر مجموع اعداد که داخل sum هست تقسیم بر تعداد آرایه میشه و نتیجه در console نمایش داده میشه. از Math.round هم برای گرد کردن عدد تا دو رقم اعشار استفاده شده است.
با استفاده از این روش در صورتی که تعداد تگ های p اضافه بشه نیازی نیست این برنامه عوض بشه و خودش اون تگ یا تگ های جدید هم که داخل کلاس numbers اضافه شدن رو جزء محاسبات ، حساب میکنه.
نمایش خروجی: (برای نمایش به جای console.log از innerHTML استفاده شده است)
https://codepen.io/absekh/pen/jOmJZxz
ندونستن عیب نیست، نپرسیدن چرا!