Alternate Text چاپ جدول ضرب با محاسبه مجموع اعداد سطر و ستون

نویسنده : محمدحسین عبدالهی | دسته بندی : زبان های برنامه نویسی مایکروسافت
Alternate Text 12 Alternate Text 195

چاپ جدول ضرب با محاسبه مجموع اعداد سطر و ستون

برای چاپ جدول ضرب از دو حلقه تکرار تو در تو استفاده می شه ، چون می خوایم با جاوا اسکریپت و Html این جدول ضرب رو طراحی کنیم بهتره از یک  تگ Table استفاده کنیم تا اعداد با نظم بیشتری نمایش داده بشن.

قبل از حلقه تکرار اول یک آرایه تعریف شده ، این آرایه برای نگهداری مجموع اعداد ستون ها استفاده میشه ، در پایان پس از دو حلقه تکرار و ایجاد کامل جدول ضرب به کمک یک حلقه تکرار دیگه از این آرایه استفاده میشه که در حقیقت ردیف آخِر رو تولید می کنه و حاصل جمع هر ستونُ نمایش می ده.

در داخل حلقه تکرار اول به ازای هر ردیف جدول ضرب از یک تگ Tr استفاده شده ، عمل ضرب داخل حلقه for دوم قرار داره و در داخل تگ Td مقدار I*J چاپ می شه، به دلیل اینکه عمل ضرب بر روی تک تک خونه های جدول ضرب بایستی پیاده سازی و محاسبه بشه در داخل حلقه for دوم قرار داده شده.

جمع اعداد یک ردیف با یک ستون در این جدول ضرب ( به دلیل یکی بودن تعداد سطر و ستون ) مساوی هست ، در داخل حلقه for دوم مجموع اعداد محاسبه میشن اما عمل چاپ مجموع اعداد هر ردیف بعد از حلقه for دوم انجام میشه.

دقت کردن به این نکات مهم و ضروری به نظر می رسه :

جمع کردن در یک مکان (حلقه for دوم ) انجام میشه و با محاسبه مقادیر تک تک خونه های جدول ضرب باید در نظر گرفته بشه.

اما مکان چاپ این مقدار بستگی داره به اینکه در یک ستون بخوایم در نظر بگیریم یا انتهای جدول ضرب به عنوان یک ردیف.

بعد از اینکه جدول ضرب به صورت کامل چاپ شد در انتها یک ردیف دیگه به کمک تگ Tr ایجاد می کنیم و داخل این ردیف یک حلقه for قرار میدیم ، این حلقه for حاصل جمع هر کدوم از ستون های بالای خودشو نشون می ده. به کمک این حلقه for و با استفاده از آرایه ای که در ابتدای برنامه ایجاد و مقدار دهی کردیم حاصل جمع هر ستون در پایان چاپ میشه.

فیلم آموزشی این قطعه برنامه رو تو سایت می ذارم و با خبرنامه پیامکی که در سایت راه اندازی کردم اطلاع رسانی می کنم.

    <script type="text/javascript">

        document.write("<table border='1'>");
        var sumRows = new Array();
        for (var i = 1; i <= 10; i++) {
            document.write("<tr>");
            sum = 0;
            for (var j = 1; j <= 10; j++) {
                document.write("<td>" + i * j + "</td>");
                sum += i * j;
            }
            document.write("<td>" + sum + "</td>");
            document.write("</tr>");
            sumRows[i] = sum;
        }

        document.write("<tr>");
        for (var i = 1; i < = 10; i++) {
            document.write("<td>" + sumRows[i] + "</td>");
        }
        document.write("</tr>");
        document.write("</table>");
</script>

موفق باشید.

محمدحسین عبدالهی

1394/01/11

چاپ جدول ضرب با محاسبه مجموع اعداد سطر و ستون