{"id":1790,"date":"2024-12-30T05:36:35","date_gmt":"2024-12-30T05:36:35","guid":{"rendered":"https:\/\/donhit.com\/en\/?p=1790"},"modified":"2025-02-06T01:23:03","modified_gmt":"2025-02-06T01:23:03","slug":"right-triangle","status":"publish","type":"post","link":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/","title":{"rendered":"Right Triangle Calculator"},"content":{"rendered":"<p><center> <div class=\"container123\">\r\n        <h2>Right Triangle Calculator<\/h2>\r\n        \r\n        <div class=\"input-section\">\r\n            <div class=\"input-group\">\r\n                <label for=\"side-a\">Side a (Adjacent)<\/label>\r\n                <input type=\"number\" id=\"side-a\" placeholder=\"Enter length\" min=\"0\" step=\"any\">\r\n                <div class=\"error\" id=\"error-a\">Please enter a valid number greater than 0<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"input-group\">\r\n                <label for=\"side-b\">Side b (Opposite)<\/label>\r\n                <input type=\"number\" id=\"side-b\" placeholder=\"Enter length\" min=\"0\" step=\"any\">\r\n                <div class=\"error\" id=\"error-b\">Please enter a valid number greater than 0<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"input-group\">\r\n                <label for=\"side-c\">Side c (Hypotenuse)<\/label>\r\n                <input type=\"number\" id=\"side-c\" placeholder=\"Enter length\" min=\"0\" step=\"any\">\r\n                <div class=\"error\" id=\"error-c\">Please enter a valid number greater than 0<\/div>\r\n            <\/div>\r\n\r\n            <button onclick=\"calculate()\">Calculate<\/button>\r\n\r\n            <div class=\"results\">\r\n                <div class=\"result-item\">Area: <span id=\"area\">-<\/span><\/div>\r\n                <div class=\"result-item\">Perimeter: <span id=\"perimeter\">-<\/span><\/div>\r\n                <div class=\"result-item\">Angle \u03b1: <span id=\"angle-a\">-<\/span><\/div>\r\n                <div class=\"result-item\">Angle \u03b2: <span id=\"angle-b\">-<\/span><\/div>\r\n                <div class=\"result-item\">Sin(\u03b1): <span id=\"sin-a\">-<\/span><\/div>\r\n                <div class=\"result-item\">Cos(\u03b1): <span id=\"cos-a\">-<\/span><\/div>\r\n                <div class=\"result-item\">Tan(\u03b1): <span id=\"tan-a\">-<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"canvas-section\">\r\n            <canvas id=\"triangleCanvas\"><\/canvas>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        const canvas = document.getElementById('triangleCanvas');\r\n        const ctx = canvas.getContext('2d');\r\n\r\n        \/\/ Set canvas size with higher resolution\r\n        function setCanvasSize() {\r\n            const dpr = window.devicePixelRatio || 1;\r\n            const rect = canvas.getBoundingClientRect();\r\n            \r\n            canvas.width = rect.width * dpr;\r\n            canvas.height = rect.height * dpr;\r\n            \r\n            ctx.scale(dpr, dpr);\r\n            canvas.style.width = rect.width + 'px';\r\n            canvas.style.height = rect.height + 'px';\r\n        }\r\n\r\n        window.addEventListener('resize', setCanvasSize);\r\n        setCanvasSize();\r\n\r\n        function drawTriangle(a, b, c) {\r\n            const padding = 40;\r\n            const width = canvas.width \/ window.devicePixelRatio;\r\n            const height = canvas.height \/ window.devicePixelRatio;\r\n\r\n            \/\/ Clear canvas\r\n            ctx.clearRect(0, 0, width, height);\r\n\r\n            \/\/ Calculate scale to fit triangle in canvas\r\n            const scale = Math.min(\r\n                (width - 2 * padding) \/ a,\r\n                (height - 2 * padding) \/ b\r\n            ) * 0.8;\r\n\r\n            \/\/ Calculate starting point\r\n            const startX = padding;\r\n            const startY = height - padding;\r\n\r\n            \/\/ Draw triangle\r\n            ctx.beginPath();\r\n            ctx.moveTo(startX, startY);\r\n            ctx.lineTo(startX + a * scale, startY);\r\n            ctx.lineTo(startX + a * scale, startY - b * scale);\r\n            ctx.lineTo(startX, startY);\r\n            ctx.strokeStyle = '#4299e1';\r\n            ctx.lineWidth = 2;\r\n            ctx.stroke();\r\n\r\n            \/\/ Add labels\r\n            ctx.font = '16px Arial';\r\n            ctx.fillStyle = '#2d3748';\r\n            \r\n            \/\/ Side a\r\n            ctx.fillText(`a = ${a.toFixed(2)}`, startX + (a * scale) \/ 2 - 20, startY + 25);\r\n            \r\n            \/\/ Side b\r\n            ctx.save();\r\n            ctx.translate(startX + a * scale + 25, startY - b * scale \/ 2);\r\n            ctx.rotate(-Math.PI \/ 2);\r\n            ctx.fillText(`b = ${b.toFixed(2)}`, 0, 0);\r\n            ctx.restore();\r\n            \r\n            \/\/ Side c (hypotenuse)\r\n            ctx.save();\r\n            ctx.translate(startX + a * scale \/ 2, startY - b * scale \/ 2);\r\n            const angle = Math.atan2(b, a);\r\n            ctx.rotate(-angle);\r\n            ctx.fillText(`c = ${c.toFixed(2)}`, 0, -10);\r\n            ctx.restore();\r\n\r\n            \/\/ Draw right angle symbol\r\n            ctx.beginPath();\r\n            const squareSize = 20;\r\n            ctx.moveTo(startX + squareSize, startY);\r\n            ctx.lineTo(startX + squareSize, startY - squareSize);\r\n            ctx.lineTo(startX, startY - squareSize);\r\n            ctx.strokeStyle = '#4299e1';\r\n            ctx.stroke();\r\n        }\r\n\r\n        function calculate() {\r\n            const sideA = parseFloat(document.getElementById('side-a').value);\r\n            const sideB = parseFloat(document.getElementById('side-b').value);\r\n            const sideC = parseFloat(document.getElementById('side-c').value);\r\n\r\n            \/\/ Validate inputs\r\n            let validInputs = 0;\r\n            if (sideA > 0) validInputs++;\r\n            if (sideB > 0) validInputs++;\r\n            if (sideC > 0) validInputs++;\r\n\r\n            if (validInputs < 2) {\r\n                alert('Please enter at least two sides');\r\n                return;\r\n            }\r\n\r\n            let a, b, c;\r\n\r\n            \/\/ Calculate missing side if necessary\r\n            if (!sideC) {\r\n                c = Math.sqrt(sideA * sideA + sideB * sideB);\r\n                a = sideA;\r\n                b = sideB;\r\n            } else if (!sideA) {\r\n                a = Math.sqrt(sideC * sideC - sideB * sideB);\r\n                b = sideB;\r\n                c = sideC;\r\n            } else if (!sideB) {\r\n                b = Math.sqrt(sideC * sideC - sideA * sideA);\r\n                a = sideA;\r\n                c = sideC;\r\n            } else {\r\n                a = sideA;\r\n                b = sideB;\r\n                c = sideC;\r\n            }\r\n\r\n            \/\/ Validate triangle inequality\r\n            if (a + b <= c || b + c <= a || a + c <= b) {\r\n                alert('Invalid triangle dimensions');\r\n                return;\r\n            }\r\n\r\n            \/\/ Calculate other properties\r\n            const area = (a * b) \/ 2;\r\n            const perimeter = a + b + c;\r\n            const angleA = Math.asin(b \/ c) * (180 \/ Math.PI);\r\n            const angleB = Math.asin(a \/ c) * (180 \/ Math.PI);\r\n            \r\n            \/\/ Update results\r\n            document.getElementById('area').textContent = area.toFixed(2);\r\n            document.getElementById('perimeter').textContent = perimeter.toFixed(2);\r\n            document.getElementById('angle-a').textContent = angleA.toFixed(2) + '\u00b0';\r\n            document.getElementById('angle-b').textContent = angleB.toFixed(2) + '\u00b0';\r\n            document.getElementById('sin-a').textContent = (b \/ c).toFixed(4);\r\n            document.getElementById('cos-a').textContent = (a \/ c).toFixed(4);\r\n            document.getElementById('tan-a').textContent = (b \/ a).toFixed(4);\r\n\r\n            \/\/ Draw triangle\r\n            drawTriangle(a, b, c);\r\n        }\r\n\r\n        \/\/ Initial triangle drawing\r\n        drawTriangle(3, 4, 5);\r\n    <\/script><\/center><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[184],"tags":[],"class_list":["post-1790","post","type-post","status-publish","format-standard","hentry","category-calculator"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Right Triangle Calculator - DonHit<\/title>\n<meta name=\"description\" content=\"What is a Right Triangle Calculator? A right triangle calculator is a specialized tool designed to simplify calculations involving right triangles\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/donhit.com\/en\/calculator\/right-triangle\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Right Triangle Calculator - DonHit\" \/>\n<meta property=\"og:description\" content=\"What is a Right Triangle Calculator? A right triangle calculator is a specialized tool designed to simplify calculations involving right triangles\" \/>\n<meta property=\"og:url\" content=\"https:\/\/donhit.com\/en\/calculator\/right-triangle\/\" \/>\n<meta property=\"og:site_name\" content=\"DonHit - World of Tools\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-30T05:36:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-06T01:23:03+00:00\" \/>\n<meta name=\"author\" content=\"DonHit\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DonHit\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Right Triangle Calculator - DonHit","description":"What is a Right Triangle Calculator? A right triangle calculator is a specialized tool designed to simplify calculations involving right triangles","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/","og_locale":"en_US","og_type":"article","og_title":"Right Triangle Calculator - DonHit","og_description":"What is a Right Triangle Calculator? A right triangle calculator is a specialized tool designed to simplify calculations involving right triangles","og_url":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/","og_site_name":"DonHit - World of Tools","article_published_time":"2024-12-30T05:36:35+00:00","article_modified_time":"2025-02-06T01:23:03+00:00","author":"DonHit","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DonHit","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/#article","isPartOf":{"@id":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/"},"author":{"name":"DonHit","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"headline":"Right Triangle Calculator","datePublished":"2024-12-30T05:36:35+00:00","dateModified":"2025-02-06T01:23:03+00:00","mainEntityOfPage":{"@id":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/"},"wordCount":9,"commentCount":0,"publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"articleSection":["Calculator"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/donhit.com\/en\/calculator\/right-triangle\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/","url":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/","name":"Right Triangle Calculator - DonHit","isPartOf":{"@id":"https:\/\/donhit.com\/en\/#website"},"datePublished":"2024-12-30T05:36:35+00:00","dateModified":"2025-02-06T01:23:03+00:00","description":"What is a Right Triangle Calculator? A right triangle calculator is a specialized tool designed to simplify calculations involving right triangles","breadcrumb":{"@id":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/donhit.com\/en\/calculator\/right-triangle\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/donhit.com\/en\/calculator\/right-triangle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Trang ch\u1ee7","item":"https:\/\/donhit.com\/en\/"},{"@type":"ListItem","position":2,"name":"Calculator","item":"https:\/\/donhit.com\/en\/category\/calculator\/"},{"@type":"ListItem","position":3,"name":"Right Triangle Calculator"}]},{"@type":"WebSite","@id":"https:\/\/donhit.com\/en\/#website","url":"https:\/\/donhit.com\/en\/","name":"DonHit - World of tools","description":"","publisher":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/donhit.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/0c6ff7dcd8ba4810c56a532f09c33148","name":"DonHit","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","contentUrl":"https:\/\/donhit.com\/en\/wp-content\/uploads\/2024\/11\/logo-donhit.webp","width":400,"height":267,"caption":"DonHit"},"logo":{"@id":"https:\/\/donhit.com\/en\/#\/schema\/person\/image\/"},"description":"DonHit is a website designed to provide useful tools for everyone. Its primary goal is to support and empower the community. All the tools available on the site are completely free to use.","sameAs":["https:\/\/donhit.com\/en"],"url":"https:\/\/donhit.com\/en\/author\/admin_don\/"}]}},"_links":{"self":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/comments?post=1790"}],"version-history":[{"count":2,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1790\/revisions"}],"predecessor-version":[{"id":2031,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/posts\/1790\/revisions\/2031"}],"wp:attachment":[{"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/media?parent=1790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/categories?post=1790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/donhit.com\/en\/wp-json\/wp\/v2\/tags?post=1790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}