{"id":4388,"date":"2021-10-07T23:10:00","date_gmt":"2021-10-07T17:40:00","guid":{"rendered":"https:\/\/www.codingbroz.com\/?p=4388"},"modified":"2021-10-07T17:15:13","modified_gmt":"2021-10-07T11:45:13","slug":"javascript-program-to-calculate-the-area-of-a-triangle","status":"publish","type":"post","link":"https:\/\/www.codingbroz.com\/javascript-program-to-calculate-the-area-of-a-triangle\/","title":{"rendered":"JavaScript Program To Calculate The Area of a Triangle"},"content":{"rendered":"\n<p>In this post, we will learn <strong>how to calculate the area of a triangle using JavaScript<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/10\/javascript-program-to-find-the-area-of-the-triangle-codingbroz.png\" alt=\"JavaScript Program To Calculate The Area of a Triangle\" class=\"wp-image-4390\" srcset=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/10\/javascript-program-to-find-the-area-of-the-triangle-codingbroz.png 1200w, https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/10\/javascript-program-to-find-the-area-of-the-triangle-codingbroz-768x432.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p>The<strong> area of a triangle<\/strong> is defined as the total space occupied by the three sides of a triangle in a 2-dimensional plane.\u00a0<\/p>\n\n\n\n<p>The area of a triangle can be calculated using various methods. In this post, we will be calculating the area using two different approaches.<\/p>\n\n\n\n<p>These two methods are as follows:-<\/p>\n\n\n\n<ol><li>Using<strong> Base<\/strong> and <strong>Height<\/strong> of the Triangle<\/li><li>Using the<strong> Sides<\/strong> of the Triangle<\/li><\/ol>\n\n\n\n<p>So, without further ado, let\u2019s begin this tutorial.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<label for=\"ez-toc-cssicon-toggle-item-662eab644a84f\" class=\"ez-toc-cssicon-toggle-label\"><label class=\"ez-toc-title\">Table of Contents<\/label>\n<span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0090ff;color:#0090ff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0090ff;color:#0090ff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-662eab644a84f\" checked \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.codingbroz.com\/javascript-program-to-calculate-the-area-of-a-triangle\/#JavaScript_Program_To_Calculate_The_Area_of_a_Triangle\" title=\"JavaScript Program To Calculate The Area of a Triangle\u00a0\">JavaScript Program To Calculate The Area of a Triangle\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.codingbroz.com\/javascript-program-to-calculate-the-area-of-a-triangle\/#How_Does_This_Program_Work\" title=\"How Does This Program Work ?\">How Does This Program Work ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.codingbroz.com\/javascript-program-to-calculate-the-area-of-a-triangle\/#JavaScript_Program_To_Calculate_Area_of_Triangle_When_All_Sides_are_Known\" title=\"JavaScript Program To Calculate Area of Triangle When All Sides are Known\u00a0\">JavaScript Program To Calculate Area of Triangle When All Sides are Known\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.codingbroz.com\/javascript-program-to-calculate-the-area-of-a-triangle\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"JavaScript_Program_To_Calculate_The_Area_of_a_Triangle\"><\/span><strong>JavaScript Program To Calculate The Area of a Triangle\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/JavaScript Program To Calculate The Area of a Triangle\nvar base = parseInt(prompt(\"Enter the base: \"));\nvar height = parseInt(prompt(\"Enter the height: \"));\n\n\/\/Calculating the area\nvar area = (base * height) \/ 2;\n\n\/\/Display Output\nconsole.log(\"Base: \" + base);\nconsole.log(\"Height: \" + height);\nconsole.log(\"The area of the triangle is \" + area);\n<\/pre>\n\n\n\n<p><strong>Output<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Base: 3\r\nHeight: 4\r\nThe area of the triangle is 6\r<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Does_This_Program_Work\"><\/span><strong>How Does This Program Work ?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>var base = parseInt(prompt(\"Enter the base: \"));\r\nvar height = parseInt(prompt(\"Enter the height: \"));<\/strong>\r<\/code><\/pre>\n\n\n\n<p>The user is asked to enter the value of <strong>base<\/strong> and <strong>height<\/strong> of the triangle.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>\/\/Calculating the area\r\nvar area = (base * height) \/ 2;<\/strong>\r<\/code><\/pre>\n\n\n\n<p>Then, we calculate the area of the triangle using <strong>\u00bd x Base x Height<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>\/\/Display Output\r\nconsole.log(\"Base: \" + base);\r\nconsole.log(\"Height: \" + height);\r\nconsole.log(\"The area of the triangle is \" + area);<\/strong>\r<\/code><\/pre>\n\n\n\n<p>Finally, the area of the triangle is printed on the screen using <strong>console.log()<\/strong> function.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"JavaScript_Program_To_Calculate_Area_of_Triangle_When_All_Sides_are_Known\"><\/span><strong>JavaScript Program To Calculate Area of Triangle When All Sides are Known\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\/\/JavaScript Program To Calculate The Area of a Triangle\nvar first_side = parseInt(prompt(\"Enter first side: \"));\nvar second_side = parseInt(prompt(\"Enter second side: \"));\nvar third_side = parseInt(prompt(\"Enter third side: \"));\n\n\/\/Calculating semi-perimeter\nvar s = (first_side + second_side + third_side) \/ 2\n\n\/\/Calculating Area\nvar area = Math.sqrt(s * (s - first_side) * (s - second_side) * (s - third_side));\nconsole.log(\"Area: \" + area);\n<\/pre>\n\n\n\n<p><strong>Output<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Enter first side: 3\r\nEnter second side: 4\r\nEnter third side: 5\r\nArea: 6\r<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>\/\/Calculating semi-perimeter\r\nvar s = (first_side + second_side + third_side) \/ 2<\/strong>\r<\/code><\/pre>\n\n\n\n<p>We calculate the semi-perimeter of the triangle using <strong>s = (a + b + c) \/ 2<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>var area = Math.sqrt(s * (s - first_side) * (s - second_side) * (s - third_side));<\/strong>\r<\/code><\/pre>\n\n\n\n<p>Then, we calculate the area of the triangle using the formula:<\/p>\n\n\n\n<p><strong>Area = [s((s-a)(s-b)(s-c))]**\u00bd\u00a0<\/strong><\/p>\n\n\n\n<p>The<strong> Math.sqrt() <\/strong>method is used to calculate the square root of the number.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>console.log(\"Area: \" + area);<\/strong><\/code><\/pre>\n\n\n\n<p>Finally, the area of the triangle is printed on the screen using the <strong>console.log()<\/strong> method.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusion<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I hope after going through this post, you understand <strong>how to calculate the area of a triangle using JavaScript<\/strong>.<\/p>\n\n\n\n<p>If you have any query regarding the program, feel free to contact us in the comment section. We will be delighted to help you.<\/p>\n\n\n\n<p><strong>Also Read:<\/strong><\/p>\n\n\n\n<ul><li><strong><a href=\"https:\/\/www.codingbroz.com\/javascript-hello-world-program\/\">JavaScript Hello World Program<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/www.codingbroz.com\/javascript-program-to-add-two-numbers\/\">JavaScript Program To Add Two Numbers<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/www.codingbroz.com\/javascript-program-to-find-the-square-root\/\">JavaScript Program To Find The Square Root<\/a><\/strong><\/li><li><strong><a href=\"https:\/\/www.codingbroz.com\/javascript-program-to-find-average-of-n-numbers\/\">JavaScript Program To Find Average of N Numbers<\/a><\/strong><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this post, we will learn how to calculate the area of a triangle using JavaScript.<\/p>\n","protected":false},"author":2,"featured_media":4390,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[169,350],"tags":[353,366,352],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2021\/10\/javascript-program-to-find-the-area-of-the-triangle-codingbroz.png","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/4388"}],"collection":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/comments?post=4388"}],"version-history":[{"count":2,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/4388\/revisions"}],"predecessor-version":[{"id":4391,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/posts\/4388\/revisions\/4391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media\/4390"}],"wp:attachment":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media?parent=4388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/categories?post=4388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/tags?post=4388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}