PYTHAGOREAN THEOREM CALCULATOR CODE

Friday, 2 October 2015

PYTHAGOREAN THEOREM CALCULATOR CODE

----------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE IN POST HTML SECTION
READ MORE:
http://fbgadgets.blogspot.co.uk/2015/10/pythagorean-theorem-calculator.html
-----------------------------------------------------------------------------------------------------------------

<html>
<head>
<style type="text/css">
.CalcTable {
padding: 4px 6px;
border: solid #ddd 1px;
border-collapse: collapse
}
.CalcTitleCell {
background-color: transparent;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 130%;
font-weight: bold;
text-align: center;
height: 30px
}
.CalcInstructCell {
padding: 5px;
border-bottom: solid #ddd 1px
}
.CalcRowTitleCell {
background-color: #ccc;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: left;
border: solid #ddd 1px
}
.CalcColCell {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: center;
border: solid #ddd 1px
}
.CalcColCellLeft {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: left;
padding-left: 5px;
border: solid #ddd 1px
}
.CalcColCellRight {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: right;
border: solid #ddd 1px
}
.CalcRowOdd {
background-color: #eee
}
.CalcRowEven {
background-color: #fff
}
.CalcInDescCell {
padding-left: 5px;
padding-right: 5px
}
.CalcOutDescCell {
text-align: left
}
.CalcInFldCell {
text-align: right;
padding-right: 5px;
font-size: 8pt
}
.CalcOutFldCell {
text-align: right;
padding-right: 5px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
font-size: 8pt
}
.CalcInFld {
font-size: 8pt
}
.CalcInFldFix {
font-size: 8pt
}
.CalcSelectFix {
font-size: 8pt
}
.CalcOutFldOddFix {
border: medium none;
background-color: #eee;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldEvenFix {
border: medium none;
background-color: #fff;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldOdd {
border: medium none;
background-color: #eee;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldEven {
border: medium none;
background-color: #fff;
font-weight: normal;
text-align: right;
font-size: 8pt
}
.CalcOutFldBoldOdd {
border: medium none;
background-color: #eee;
font-weight: bold;
text-align: right;
font-size: 8pt
}
.CalcOutFldBoldEven {
border: medium none;
background-color: #fff;
font-weight: bold;
text-align: right;
font-size: 8pt
}
.CalcButtonCell {
text-align: center;
border: solid #ddd 1px
}
.CalcButton {}.CalcSummaryCell {
padding-left: 5px;
padding-right: 5px;
background-color: #fff;
border: solid #ddd 1px
}
.ChartTable {
border-collapse: collapse
}
.ChartBody {}.ChartColHead1 {
background-color: #1d487e;
color: #fff;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-align: center;
border: solid #ccc 1px
}
.ChartColHead1Small {
background-color: #1d487e;
color: #fff;
font-family: Arial, sans-serif;
font-size: 80%;
font-weight: bold;
text-align: center;
border: solid #ccc 1px
}
.ChartColHead2 {
background-color: #ccc;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
border: solid #ddd 1px
}
.ChartRowOdd {
background-color: #eee
}
.ChartRowEven {
background-color: #fff
}
.ChartTextCell {
text-align: center;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartTextCellLeft {
text-align: left;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartNumCell {
text-align: right;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartNumCellSmall {
font-family: Arial, sans-serif;
font-size: 85%;
text-align: right;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.ChartSubCell {
text-align: right;
border-top: solid #000 2px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
font-weight: bold;
background-color: #ccc;
padding-left: 4px;
padding-right: 2px
}
.ChartTotCell {
text-align: right;
border-top: double #000 3px;
border-bottom: double #000 3px;
border-left: solid #ddd 1px;
border-right: solid #ddd 1px;
font-weight: bold;
background-color: #ccc;
padding-left: 4px;
padding-right: 2px
}
#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #000;
padding: 2px;
background-color: #ffffe0;
visibility: hidden;
z-index: 100;
filter: progid: DXImageTransform.Microsoft.Shadow(color=gray, direction=135)
}
#dhtmlpointer {
position: absolute;
left: -300px;
z-index: 101;
visibility: hidden
}
.div_help {
font-family: arial, verdana, helvetica, sans-serif;
font-size: small;
text-align: left;
padding: 10px
}
.SideCalcTitleCell {
font-size: 100%;
background-color: #000;
font-weight: bold;
color: #fff
}
.SideCalcResult {
text-align: right;
width: 94%;
background-color: #eee;
border: solid #000 1px;
font-family: arial, sans-serif;
font-size: 11pt;
color: #000;
padding-right: 5px
}
.SideCalcNum {
font-weight: bold;
width: 30px
}
.SideCalcSign {
font-weight: bold;
color: #00f;
width: 30px
}
.SideCalcClr {
font-weight: bold;
width: 30px;
color: red
}
.SideCalcClrTape {
font-weight: bold;
width: 94%;
color: #000
}
.SideCalcTapeCell {
text-align: center;
background-color: #ccc;
border-top: solid #ccc 1px;
border-left: solid #ccc 1px;
border-right: solid #ccc 1px;
border-bottom: dashed #000 1px;
font-family: courier, arial, sans-serif;
font-size: 10pt;
color: #000;
padding-right: 0px;
padding-left: 0px
}
.BelowCalcTable {
border-collapse: collapse
}
.BelowCalcAdCell {}.BelowCalcColHead {
background-color: #ccc;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
border: solid #ccc 1px
}
.BelowCalcImgHead {
background-color: #ccc;
text-align: center;
border: solid #ccc 1px
}
.BelowCalcLinkCell {
text-align: left;
padding-left: 2px;
padding-right: 2px;
border: solid #ddd 1px
}
.sppTable {
width: 300px;
border-collapse: collapse
}
.sppRow {
background-color: #ddd
}
.sppColHead {
background-color: #fff;
color: #1d487e;
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-weight: bold;
text-align: center;
width: 240px;
border-left: solid #8f8fb3 1px;
border-top: solid #8f8fb3 1px
}
.sppImgHead {
background-color: #fff;
text-align: center;
width: 60px;
border-right: solid #8f8fb3 1px;
border-top: solid #8f8fb3 1px
}
.sppLinkCell {
font-size: 85%;
text-align: left;
padding-left: 2px;
padding-right: 2px;
border-left: solid #8f8fb3 1px;
border-bottom: solid #8f8fb3 1px;
border-right: solid #8f8fb3 1px
}
.fb_like_button {
border: 1px dotted #000;
background-color: #eee;
padding: 10px;
width: 320px;
float: right
}
.blogItItem {
margin: 18px 0;
padding: 0 12px;
border: 1px solid #ccc;
background: #eee;
box-shadow: 4px 4px 4px #ccc
}
.blogItItem h6 {
font-style: normal;
font-weight: normal;
font-size: 80%
}
.leftnav_heading {
text-align: center
}
.leftnav_heading a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
line-height: 14px;
background-image: url();
color: #333;
text-decoration: none;
width: 169px;
height: 41px;
display: block;
font-weight: bold;
margin-top: 18px
}
.leftnav_heading a:hover {
background-image: url()
}
.leftnav_heading span {
display: block;
padding: 7px
}
.texttop {
font-size: 15px;
line-height: 14px;
color: #333;
text-shadow: 0px 0px 2px #fff;
margin-bottom: 10px
}
.textbottom {
color: #333;
font-size: 15px;
text-shadow: 0px 0px 2px #fff
}
#mobileBtnDiv {
display: none
}
@media only screen and (max-device-width: 640px) {
#mobileBtnDiv {
display: block;
width: 100%;
text-align: center;
padding: 10px
}
#mobileBtn {
display: inline-block;
text-align: center;
width: 50%;
font-size: 2em;
line-height: 2em;
background-color: #0f5378;
color: #fff;
text-decoration: none;
border-radius: 10px;
border: 1px solid #fff
}
#mobileBtn:hover {
background-color: #4cc2ce;
color: #087197
}
}
</style>

<script>
var mod_pagespeed_m$JfUhzepS = "var glob_places=0;window.onload=function(){draw_triangle(\"canvas1\",0,0,0,0);draw_triangle(\"canvas2\",0,0,0,0);}\nfunction converse(form){var v_test_a=sn(document.converse_test.test_a.value);var v_test_b=sn(document.converse_test.test_b.value);var v_test_c=sn(document.converse_test.test_c.value);var tf=\"\";var v_equality=\"\";if(v_test_a>0){var v_asq=Math.pow(v_test_a,2);document.getElementById(\"asq\").innerHTML=v_asq;}else{document.getElementById(\"asq\").innerHTML=\"\";}\nif(v_test_b>0){var v_bsq=Math.pow(v_test_b,2);document.getElementById(\"bsq\").innerHTML=v_bsq;}else{document.getElementById(\"bsq\").innerHTML=\"\";}\nif(v_test_c>0){var v_csq=Math.pow(v_test_c,2);document.getElementById(\"csq_1\").innerHTML=v_csq;document.getElementById(\"csq_2\").innerHTML=v_csq;}else{document.getElementById(\"csq_1\").innerHTML=\"\";document.getElementById(\"csq_2\").innerHTML=\"\";}\nif(v_test_a>0&&v_test_b>0){var v_aplusb=v_asq+v_bsq;document.getElementById(\"aplusb\").innerHTML=v_aplusb;}else{document.getElementById(\"aplusb\").innerHTML=\"\";}\nif(v_test_a>0&&v_test_b>0&&v_test_c>0){if((Math.pow(v_test_a,2)+Math.pow(v_test_b,2))===Math.pow(v_test_c,2)){tf=\"Is a right triangle.\";v_equality=\"=\";}else{tf=\"Not a right triangle.\"\nv_equality=\"≠\";}}else{tf=\"Enter values for a, b, and c\";v_equality=\"≠\";}\ndocument.getElementById(\"equality\").innerHTML=v_equality;document.getElementById(\"converse_TF\").innerHTML=tf;}\nfunction change_find(f,known_1,known_2,find){document.getElementById(\"known_label_1\").innerHTML=known_1;document.getElementById(\"known_label_2\").innerHTML=known_2;document.getElementById(\"find_label\").innerHTML=find;clear_results(document.calc);}\nfunction calc_length(form){var v_known_1=sn(document.calc.known_1.value);var v_known_2=sn(document.calc.known_2.value);if(v_known_1==0){alert(\"Please enter the first known length.\");document.calc.known_1.focus();}else\nif(v_known_2==0){alert(\"Please enter the second known length.\");document.calc.known_2.focus();}else{var v_area=0;var work=\"\";if(document.calc.find[0].checked){var leg_a=v_known_1;var leg_a_sq=Math.pow(leg_a,2);var leg_b=v_known_2;var leg_b_sq=Math.pow(leg_b,2);var sum_squares=leg_a_sq+leg_b_sq;var leg_c=Math.sqrt(sum_squares);document.calc.unknown.value=fns(leg_c,glob_places,0,0,0);v_area=.5*leg_b*leg_a;document.calc.area.value=fns(v_area,glob_places,0,0,0);work+=\"According to my calculations, a triangle having a Leg a length of \"+leg_a+\" \";work+=\"and a Leg b length of \"+leg_b+\" would have a hypotenuse c length \";work+=\"of \"+leg_c+\".Here is how I solved for hypotenuse c using the \";work+=\"Pythagorean Theorem.\";work+=\"<table style='margin: 0 auto; clear: both;'>\";work+=\"<tr><td>\";work+=\"Hypotenuse = sqrt[ (Leg a)2 + (Leg b)2 ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Hypotenuse = sqrt[ (\"+leg_a+\")2 + (\"+leg_b+\")2 ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Hypotenuse = sqrt[ \"+leg_a_sq+\" + \"+leg_b_sq+\" ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Hypotenuse = sqrt[ \"+sum_squares+\" ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Hypotenuse = \"+leg_c+\"\";work+=\"</td></tr>\";work+=\"\";work+=\"</table>\";draw_triangle(\"canvas1\",leg_a,leg_b,leg_c,1);}else\nif(document.calc.find[1].checked){var leg_b=v_known_1;var leg_b_sq=Math.pow(leg_b,2);var leg_c=v_known_2;var leg_c_sq=Math.pow(leg_c,2);var diff_squares=leg_c_sq-leg_b_sq;var leg_a=Math.sqrt(diff_squares);document.calc.unknown.value=fns(leg_a,glob_places,0,0,0);v_area=.5*leg_b*leg_a;document.calc.area.value=fns(v_area,glob_places,0,0,0);work+=\"According to my calculations, a triangle having a Leg b length of \"+leg_b+\" \";work+=\"and a Hypotenuse c length of \"+leg_c+\" would have a Leg a length \";work+=\"of \"+leg_a+\".Here is how I solved for Leg a using the \";work+=\"Pythagorean Theorem.\";work+=\"<table style='margin: 0 auto; clear: both;'>\";work+=\"<tr><td>\";work+=\"Leg a = sqrt[ (Hypotenuse c)2 - (Leg b)2 ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg a = sqrt[ (\"+leg_c+\")2 - (\"+leg_b+\")2 ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg a = sqrt[ \"+leg_c_sq+\" - \"+leg_b_sq+\" ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg a = sqrt[ \"+diff_squares+\" ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg a = \"+leg_a+\"\";work+=\"</td></tr>\";work+=\"</table>\";draw_triangle(\"canvas1\",leg_a,leg_b,leg_c,1);}else{var leg_a=v_known_1;var leg_a_sq=Math.pow(leg_a,2);var leg_c=v_known_2;var leg_c_sq=Math.pow(leg_c,2);var diff_squares=leg_c_sq-leg_a_sq;var leg_b=Math.sqrt(diff_squares);document.calc.unknown.value=fns(leg_b,glob_places,0,0,0);v_area=.5*leg_b*leg_a;document.calc.area.value=fns(v_area,glob_places,0,0,0);work+=\"According to my calculations, a triangle having a Leg a length of \"+leg_a+\" \";work+=\"and a Hypotensue c length of \"+leg_c+\" would have a Leg b length \";work+=\"of \"+leg_b+\".Here is how I solved for Leg b using the \";work+=\"Pythagorean Theorem.\";work+=\"<table style='margin: 0 auto; clear: both;'>\";work+=\"<tr><td>\";work+=\"Leg b = sqrt[ (Hypotenuse c)2 - (Leg a)2 ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg b = sqrt[ (\"+leg_c+\")2 - (\"+leg_a+\")2 ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg b = sqrt[ \"+leg_c_sq+\" - \"+leg_a_sq+\" ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg b = sqrt[ \"+diff_squares+\" ]\";work+=\"</td></tr>\";work+=\"<tr><td>\";work+=\"Leg b = \"+leg_b+\"\";work+=\"</td></tr>\";work+=\"</table>\";draw_triangle(\"canvas1\",leg_a,leg_b,leg_c,1);}\nvar v_summary=\" <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSLSkgqRY3PY_iFXdVxZzoPMK12-GxS8IPLF3nONJTGil5Q6QndcuvQRCPGPByHYCMcgl3VSzfR0qAkMJvnpaz6V-xzGJNDWC00aZY3aPNIIPzoesvPpp_qVyIrdLbs69xt8kNPaco3ZR/s72-c/BASIC+JAVA+CALCULATOR.png' width='60' height='54' class='ItemLeft' />\";work+=\"Below I have attempted to redraw the example triangle showing the relative shape of the triangle given the 3 lengths shown (fractions rounded to 1 decimal place).\";document.getElementById(\"summary\").innerHTML=v_summary+\" \"+work;}}\nfunction draw_triangle(canvas_id,a_len,b_len,c_len,bool){if(bool){var a_lbl=(a_len%1==0)?\"\"+a_len+\"\":\"\"+fns(a_len,1,0,0,0)+\"\";var b_lbl=(b_len%1==0)?\"\"+b_len+\"\":\"\"+fns(b_len,1,0,0,0)+\"\";var c_lbl=(c_len%1==0)?\"\"+c_len+\"\":\"\"+fns(c_len,1,0,0,0)+\"\";}else{var a_lbl=\"a\";var b_lbl=\"b\";var c_lbl=\"c\";a_len=3;b_len=4;c_len=5;}\nvar theCanvas=document.getElementById(canvas_id);if(theCanvas&&theCanvas.getContext){var ctx=theCanvas.getContext(\"2d\");if(ctx){var canvas_width=ctx.canvas.width;var canvas_height=ctx.canvas.height;var draw_width=canvas_width-30;var draw_height=canvas_height-30;var padding=15;ctx.clearRect(0,0,canvas_width,canvas_height);var max_line_len=a_len;if(b_len>max_line_len){max_line_len=b_len;}\nvar scale=0;if(max_line_len>draw_width){scale=draw_width/max_line_len;a_len=Math.round(a_len*scale)-40;b_len=Math.round(b_len*scale)-40;}\nif(max_line_len<draw_width/2){scale=draw_width/max_line_len;a_len=Math.round(a_len*scale)-40;b_len=Math.round(b_len*scale)-40;}\nconsole.log(max_line_len);console.log(scale);console.log(a_len);console.log(b_len);var pnt_1_x=Math.round((draw_width/2)-(b_len/2));var pnt_1_y=Math.round((draw_height/2)+(a_len/2));var pnt_2_x=pnt_1_x+b_len;var pnt_2_y=pnt_1_y;var pnt_3_x=pnt_1_x+b_len;var pnt_3_y=pnt_2_y-a_len;var txt_a_x=pnt_2_x+5;var txt_a_y=Math.round(draw_height/2);var txt_b_x=Math.round(draw_width/2);var txt_b_y=pnt_2_y+5;var txt_c_x=Math.round(draw_width/2);var txt_c_y=pnt_1_y-5-(a_len/2);ctx.strokeStyle=\"blue\";ctx.lineWidth=4;ctx.beginPath();ctx.lineJoin=\"miter\";ctx.moveTo(pnt_1_x,pnt_1_y);ctx.lineTo(pnt_2_x,pnt_2_y);ctx.lineTo(pnt_3_x,pnt_3_y);ctx.closePath();ctx.stroke();var rab_len=0;var rab_wid=Math.round(a_len/5);var rab_hgt=Math.round(b_len/5);if(rab_wid>rab_hgt){rab_len=rab_hgt;}else{rab_len=rab_wid;}\nvar rab_pnt_1_x=pnt_2_x-rab_len;var rab_pnt_1_y=pnt_2_y;var rab_pnt_2_x=rab_pnt_1_x;var rab_pnt_2_y=pnt_2_y-rab_len;var rab_pnt_3_x=pnt_2_x;var rab_pnt_3_y=pnt_2_y-rab_len;ctx.lineWidth=2;ctx.beginPath();ctx.moveTo(rab_pnt_1_x,rab_pnt_1_y);ctx.lineTo(rab_pnt_2_x,rab_pnt_2_y);ctx.lineTo(rab_pnt_3_x,rab_pnt_3_y);ctx.stroke();ctx.font=\"12pt Arial\";ctx.textAlign=\"start\";ctx.fillText(a_lbl,txt_a_x,txt_a_y);ctx.textAlign=\"center\";ctx.textBaseline=\"hanging\";ctx.fillText(b_lbl,txt_b_x,txt_b_y);ctx.textAlign=\"end\";ctx.textBaseline=\"bottom\";ctx.fillText(c_lbl,txt_c_x,txt_c_y);}}}\nfunction change_places(form){var v_known_1=sn(document.calc.known_1.value);var v_known_2=sn(document.calc.known_2.value);glob_places=document.calc.places.selectedIndex;if(v_known_1>0&&v_known_2>0){calc_length(document.calc);}}\nfunction clear_results(form){document.calc.unknown.value=\"\";document.calc.area.value=\"\";document.getElementById(\"summary\").innerHTML=\"\";draw_triangle(\"canvas1\",0,0,0,0);}\nfunction reset_calc(form){clear_results(document.calc);document.calc.reset();change_find(0,'Leg a','Leg b','Hynpotenuse');}";
var mod_pagespeed_PJWHvBYF1j = "var offsetfromcursorX=12\nvar offsetfromcursorY=10\nvar offsetdivfrompointerX=10\nvar offsetdivfrompointerY=14\ndocument.write('<div class=\"div_help\" id=\"dhtmltooltip\" onClick=\"hideddrivetip()\"></div>')\ndocument.write('<img id=\"dhtmlpointer\" src=\"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHSLSkgqRY3PY_iFXdVxZzoPMK12-GxS8IPLF3nONJTGil5Q6QndcuvQRCPGPByHYCMcgl3VSzfR0qAkMJvnpaz6V-xzGJNDWC00aZY3aPNIIPzoesvPpp_qVyIrdLbs69xt8kNPaco3ZR/s72-c/BASIC+JAVA+CALCULATOR.png\">')\nvar ie=document.all\nvar ns6=document.getElementById&&!document.all\nvar enabletip=false\nif(ie||ns6)\nvar tipobj=document.all?document.all[\"dhtmltooltip\"]:document.getElementById?document.getElementById(\"dhtmltooltip\"):\"\"\nvar pointerobj=document.all?document.all[\"dhtmlpointer\"]:document.getElementById?document.getElementById(\"dhtmlpointer\"):\"\"\nfunction ietruebody(){return(document.compatMode&&document.compatMode!=\"BackCompat\")?document.documentElement:document.body}\nfunction ddrivetip(thetext,thewidth,thecolor){if(ns6||ie){if(typeof thewidth!=\"undefined\")tipobj.style.width=thewidth+\"px\"\nif(typeof thecolor!=\"undefined\"&&thecolor!=\"\")tipobj.style.backgroundColor=thecolor\ntipobj.innerHTML=thetext\nenabletip=true\nreturn false}}\nfunction positiontip(e){if(enabletip){var nondefaultpos=false\nvar curX=(ns6)?e.pageX:event.clientX+ietruebody().scrollLeft;var curY=(ns6)?e.pageY:event.clientY+ietruebody().scrollTop;var winwidth=ie&&!window.opera?ietruebody().clientWidth:window.innerWidth-20\nvar winheight=ie&&!window.opera?ietruebody().clientHeight:window.innerHeight-20\nvar rightedge=ie&&!window.opera?winwidth-event.clientX-offsetfromcursorX:winwidth-e.clientX-offsetfromcursorX\nvar bottomedge=ie&&!window.opera?winheight-event.clientY-offsetfromcursorY:winheight-e.clientY-offsetfromcursorY\nvar leftedge=(offsetfromcursorX<0)?offsetfromcursorX*(-1):-1000\nif(rightedge<tipobj.offsetWidth){tipobj.style.left=curX-tipobj.offsetWidth+\"px\"\nnondefaultpos=true}\nelse if(curX<leftedge)\ntipobj.style.left=\"5px\"\nelse{tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+\"px\"\npointerobj.style.left=curX+offsetfromcursorX+\"px\"}\nif(bottomedge<tipobj.offsetHeight){tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+\"px\"\nnondefaultpos=true}\nelse{tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+\"px\"\npointerobj.style.top=curY+offsetfromcursorY+\"px\"}\ntipobj.style.visibility=\"visible\"\nif(!nondefaultpos)\npointerobj.style.visibility=\"visible\"\nelse\npointerobj.style.visibility=\"hidden\"}}\nfunction hideddrivetip(){if(ns6||ie){enabletip=false\ntipobj.style.visibility=\"hidden\"\npointerobj.style.visibility=\"hidden\"\ntipobj.style.left=\"-1000px\"\ntipobj.style.backgroundColor=''\ntipobj.style.width=''}}\ndocument.onmousemove=positiontip\nfunction sn(num){num=num.toString();var len=num.length;var rnum=\"\";var test=\"\";var j=0;var b=num.substring(0,1);if(b==\"-\"){rnum=\"-\";}\nfor(i=0;i<=len;i++){b=num.substring(i,i+1);if(b==\"0\"||b==\"1\"||b==\"2\"||b==\"3\"||b==\"4\"||b==\"5\"||b==\"6\"||b==\"7\"||b==\"8\"||b==\"9\"||b==\".\"){rnum=rnum+\"\"+b;}}\nif(rnum==\"\"||rnum==\"-\"){rnum=0;}\nrnum=Number(rnum);return rnum;}\nfunction fns(num,places,comma,type,show){var sym_1=\"$\";var sym_2=\"\";var isNeg=0;if(num<0){num=num*-1;isNeg=1;}\nvar myDecFact=1;var myPlaces=0;var myZeros=\"\";while(myPlaces<places){myDecFact=myDecFact*10;myPlaces=Number(myPlaces)+Number(1);myZeros=myZeros+\"0\";}\nonum=Math.round(num*myDecFact)/myDecFact;integer=Math.floor(onum);if(Math.ceil(onum)==integer){decimal=myZeros;}else{decimal=Math.round((onum-integer)*myDecFact)}\ndecimal=decimal.toString();if(decimal.length<places){fillZeroes=places-decimal.length;for(z=0;z<fillZeroes;z++){decimal=\"0\"+decimal;}}\nif(places>0){decimal=\".\"+decimal;}\nif(comma==1){integer=integer.toString();var tmpnum=\"\";var tmpinteger=\"\";var y=0;for(x=integer.length;x>0;x--){tmpnum=tmpnum+integer.charAt(x-1);y=y+1;if(y==3&x>1){tmpnum=tmpnum+\",\";y=0;}}\nfor(x=tmpnum.length;x>0;x--){tmpinteger=tmpinteger+tmpnum.charAt(x-1);}\nfinNum=tmpinteger+\"\"+decimal;}else{finNum=integer+\"\"+decimal;}\nif(isNeg==1){if(type==1&&show==1){finNum=\"-\"+sym_1+\"\"+finNum+\"\"+sym_2;}else{finNum=\"-\"+finNum;}}else{if(show==1){if(type==1){finNum=sym_1+\"\"+finNum+\"\"+sym_2;}else\nif(type==2){finNum=finNum+\"%\";}}}\nreturn finNum;}\nfunction side_calc_b(num){var v_result=document.side_calc.result.value;if(v_result.length<10){var v_new_result=v_result+\"\"+num;document.side_calc.result.value=v_new_result;}}\nfunction side_calc_del(num){var v_result=document.side_calc.result.value;if(v_result.length>0){var v_new_result=v_result.substring(0,v_result.length-1);document.side_calc.result.value=v_new_result;}}\nfunction side_calc_sign(sgn){document.side_calc.h_sign.value=sgn;document.side_calc.h_num_1.value=document.side_calc.result.value;document.side_calc.result.value=\"\";var tape_sgn=\"\";if(sgn!=\"\"){if(sgn==\"/\"){tape_sgn=\"÷\";}else\nif(sgn==\"*\"){tape_sgn=\"×\";}else\nif(sgn==\"-\"){tape_sgn=\"-\";}else\nif(sgn==\"+\"){tape_sgn=\"+\";}}\nvar tape_new=document.getElementById(\"side_calc_tape_new\").innerHTML;var new_tape=\"\"+document.side_calc.h_num_1.value+\" \"+tape_sgn+\"\";document.getElementById(\"side_calc_tape_new\").innerHTML=new_tape;}\nfunction side_calc_equal(form){var v_1=Number(document.side_calc.h_num_1.value);var v_2=Number(document.side_calc.result.value);var v_sign=document.getElementById(\"h_sign\").value;var v_new_result=0;if(v_sign!=\"\"){if(v_sign==\"/\"){v_new_result=v_1/v_2;}else\nif(v_sign==\"*\"){v_new_result=v_1*v_2;}else\nif(v_sign==\"-\"){v_new_result=v_1-v_2;}else\nif(v_sign==\"+\"){v_new_result=v_1+v_2;}\nif(v_new_result>99999999.99||v_new_result<-99999999.99){alert(\"Sorry, the result is too big (greater than 1 billion) for this calculator.\");}else{document.side_calc.result.value=v_new_result;document.side_calc.h_num_1.value=v_new_result;document.side_calc.h_sign.value=\"\";var tape_new=document.getElementById(\"side_calc_tape_new\").innerHTML;var new_tape=\"\"+tape_new+\" \"+v_2+\" = \"+v_new_result+\"\";document.getElementById(\"side_calc_tape_new\").innerHTML=\"\";var tape_old=document.getElementById(\"side_calc_tape_old\").innerHTML;document.getElementById(\"side_calc_tape_old\").innerHTML=\"\"+new_tape+\"<hr style='border: dashed #EEEEEE 1px; line-height: 1;'>\"+tape_old+\"\";document.getElementById(\"side_calc_tape_but\").innerHTML=\"<input type='button' value='Throw Away' onClick='side_calc_clr_tape(this.form)' class='SideCalcClrTape' />\";}}}\nfunction side_calc_pm(form){var v_pm=Number(document.side_calc.result.value);v_pm=v_pm*-1;document.side_calc.result.value=v_pm;}\nfunction side_calc_clr(form){document.side_calc.result.value=\"\";document.side_calc.h_num_1.value=\"\";document.side_calc.h_sign.value=\"\";}\nfunction side_calc_clr_tape(form){document.getElementById(\"side_calc_tape_new\").innerHTML=\"\";document.getElementById(\"side_calc_tape_old\").innerHTML=\"\";document.getElementById(\"side_calc_tape_but\").innerHTML=\"\";}\nvar soc_ad_ar=[[0,\"\",\"\",\"\"],[1,\"Auto\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[2,\"Budget\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[3,\"Credit\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[4,\"Debt\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[5,\"Income\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[6,\"Invest\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[7,\"Loan\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[8,\"Mortgage\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[9,\"Finance\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[10,\"Retire\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[11,\"College\",\"WyzAnt\",\"Find a <a href='http://www.shareasale.com/r.cfm?b=246096&u=724440&m=28558&urllink=&afftrack=' rel='nofollow' target='_blank'>local tutor</a> today!\"],[12,\"Business\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[13,\"\",\"\",\"\"],[14,\"\",\"\",\"\"],[15,\"\",\"\",\"\"],[16,\"\",\"\",\"\"],[17,\"\",\"\",\"\"],[18,\"\",\"\",\"\"],[19,\"\",\"\",\"\"],[20,\"Date\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[21,\"Conversion\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[22,\"Math\",\"WyzAnt\",\"Find a local <a href='http://www.shareasale.com/r.cfm?b=246097&u=724440&m=28558&urllink=&afftrack=' rel='nofollow' target='_blank'>math tutor</a> today!\"],[23,\"Date\",\"SocialMedia\",\"If you like this calculator, please pay it forward with a Like, Tweet, +1, or Pin.\"],[24,\"Sports\",\"SocialMedia\",\"If you like this web app, please pay it forward with a Like, Tweet, +1, or Pin.\"]];";
</script>

<script>eval(mod_pagespeed_m$JfUhzepS);</script>
<script>eval(mod_pagespeed_PJWHvBYF1j);</script>

</head>

<body>
<h3>What is the Pythagorean Theorem?</h3>

The Pythagorean Theorem is the relationship between the lengths of the two legs of a right triangle and its hypotenuse. The relationship is expressed as follows:

<table style="margin: 0 auto;">
<tr>
<td>
a2 + b2 = c2
</td>
</tr>
<tr>
<td>
where ...
</td>
</tr>
<tr>
<td style="padding-left: 10px;">
a = the length of the vertical side. 
b = the length of the base. 
c = the length of the side opposite of the 90° angle. 
</td>
</tr>
</table>

Based on this relationship, we can isolate each unknown length to solve for it.

<table style="margin: 0 auto;">
<tr>
<td>
<table>
<tr>
<td>
Hypotenuse c =
</td>
<td style="font-size: x-large; vertical-align: top; text-align: right; padding: 0;">√</td>
<td style="border-top: 1px solid black; padding: 0;">a2 + b2</td>
</tr>
</table>
<table>
<tr>
<td>
Leg a =
</td>
<td style="font-size: x-large; vertical-align: top; text-align: right; padding: 0;">√</td>
<td style="border-top: 1px solid black; padding: 0;">c2 - b2</td>
</tr>
</table>
<table>
<tr>
<td>
Leg b =
</td>
<td style="font-size: x-large; vertical-align: top; text-align: right; padding: 0;">√</td>
<td style="border-top: 1px solid black; padding: 0;">c2 - a2</td>
</tr>
</table>
</td>
<td> <canvas id="canvas2" width="280" height="280">
Sorry, your browser does not support canvas. Please upgrade to the latest version of your web browser software.
</canvas>
</td>
</tr>
</table>
<h3>Converse of Pythagorean Theorem</h3>

If you already know the lengths of all three sides of a triangle, the Converse of the Pythagorean Theorem can be used to determine whether or not the triangle is a right triangle.

<table style="margin: 0 auto;">
<tr>
<td>
If a2 + b2 = c2 is true, then the triangle is a right triangle.
</td>
</tr>
<tr>
<td>
If a2 + b2 = c2 is false, then the triangle is not a right triangle.
</td>
</tr>
</table>

You can conduct your own test here:

<form name="converse_test" method="post" action="#">
<table style="margin: 10px auto; border: 1px solid black;">
<tr>
<th>a</th>
<th> </th>
<th>b</th>
<th> </th>
<th>c</th>
</tr>
<tr>
<td>
<input type="text" name="test_a" id="test_a" value="" size="3" placeholder="a" onKeyUp="converse(this.form)"/>2
</td>
<td> + </td>
<td>
<input type="text" name="test_b" id="test_b" value="" size="3" placeholder="b" onKeyUp="converse(this.form)"/>2
</td>
<td> = </td>
<td>
<input type="text" name="test_c" id="test_c" value="" size="3" placeholder="c" onKeyUp="converse(this.form)"/>2
</td>
</tr>
<tr>
<td id="asq" style="text-align: center;"></td>
<td style="text-align: center;"> + </td>
<td id="bsq" style="text-align: center;"></td>
<td style="text-align: center;"> = </td>
<td id="csq_1" style="text-align: center;"></td>
</tr>
<tr>
<td colspan="3" id="aplusb" style="text-align: center;"></td>
<td id="equality" style="text-align: center;"> = </td>
<td id="csq_2" style="text-align: center;"></td>
</tr>
<tr>
<td colspan="5" id="converse_TF" style="text-align: center;">Enter values for a, b, and c</td>
</tr>
</table>
</form>

With that, let's use the Pythagorean Theorem Calculator to find the missing side of a right triangle.


<a name="calculator"></a>
<form name="calc" method="post" action="#">
<table class="CalcTable">
<tbody>
<tr>
<td colspan="2" align="center" class="CalcTitleCell">
PYTHAGOREAN THEOREM CALCULATOR
</td>
</tr>
<tr>
<td colspan="2" class="CalcInstructCell">
 
 
Instructions: Select your rounding preference.

Next, select the side you want to solve for (Hypotenuse c, Leg a, or Leg b).


Enter the two known lengths of the right triangle and tap the "Calculate Unknown Length" button. This will solve for the missing length and, if you have an HTML5 compatible web browser, redraw the triangle.


Mouse over the blue question marks for a further explanation of each entry field or button. More in-depth explanations can be found in the glossary of terms located beneath the Pythagorean Theorem Calculator.

</td>
</tr>
<tr class="ChartRowOdd">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Select how many decimal places you would like the result rounded to. Note that you can change the number of places before or after calculating the missing length. Also note that the Pythagorean Theorem Calculator will always display the raw results (out to 14 places) in the steps that will appear beneath the calculator.', 250)" ; onMouseout="hideddrivetip()">
Number of decimal places to round result to:
</td>
<td width="125" class="ChartTextCell">
<select name="places" size="1" onChange="change_places(this.form)">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</td>
</tr>
<tr class="ChartRowEven">
<td colspan="2" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Select the right triangle side you wish to solve for.', 250)" ; onMouseout="hideddrivetip()">
Solve for:
<input type="radio" name="find" id="find_0" value="0" checked onclick="change_find(0,'Leg a','Leg b','Hynpotenuse') "/> Hypotenuse c
<input type="radio" name="find" id="find_1" value="1" onclick="change_find(1,'Leg b','Hynpotenuse','Leg a') "/> Leg a
<input type="radio" name="find" id="find_2" value="2" onclick="change_find(2,'Leg a','Hynpotenuse','Leg b') "/> Leg b
</td>
</tr>
<tr class="ChartRowOdd">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Enter the length associated to the label on this line.', 250)" ; onMouseout="hideddrivetip()">
Length of Leg a:
</td>
<td width="125" class="ChartTextCell">
<input type="text" id="known_1" name="known_1" size="15" value="" class="CalcInFld" onKeyUp="clear_results(this.form)"/>
</td>
</tr>
<tr class="ChartRowEven">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Enter the length associated to the label on this line.', 250)" ; onMouseout="hideddrivetip()">
Length of Leg b:
</td>
<td width="125" class="ChartTextCell">
<input type="text" id="known_2" name="known_2" size="15" value="" class="CalcInFld" onKeyUp="clear_results(this.form)"/>
</td>
</tr>
<tr class="ChartRowOdd">
<td colspan="3" class="ChartTextCell">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('Clicking this button will calculate the missing length, display the steps and formula used, and attempt to redraw a scaled version of the right triangle below.', 250)" ; onMouseout="hideddrivetip()">
<input type="button" value="Calculate Unknown Length" class="CalcButton" onClick="calc_length(this.form)">
<input type="button" value="Reset" class="CalcButton" onClick="reset_calc(this.form)">
</td>
</tr>
<tr class="ChartRowEven">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('This is the missing length of the right triangle.', 250)" ; onMouseout="hideddrivetip()">
Length of Hypotenuse:
</td>
<td width="125" class="ChartTextCell">
<input type="text" id="unknown" name="unknown" size="15" value="" class="CalcOutFldEven"/>
</td>
</tr>
<tr class="ChartRowOdd">
<td width="475" class="ChartTextCellLeft">
<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/2wBDAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx//2wBDAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAPAA8DAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAABQP/xAAkEAACAgEDBAIDAAAAAAAAAAABAgMFBAYRIQAHEjETIhUjYf/EABYBAQEBAAAAAAAAAAAAAAAAAAIDBf/EACARAQAABgIDAQAAAAAAAAAAAAEAAgMREkExURNhceH/2gAMAwEAAhEDEQA/AL5OrLB+4uo6+zvdSmBLLKhra6kyX+UkZLqEVXYqqog4AH862SkeOVCXjcZjO5os3OoYr/z+J3mXSA1ZcZ9ZNj5SMWzJWnjaSvlbY/Yx/NE+xU7cMAffU5sWjniD89wy5UxybfkDrp3VEHd+1salYcvMaysHxMbCtqyHM/Y8vlskrZDKRGW81aLcDf0eRTOVpA9Gm0DCbyKduyAtHaOu4LvId8iuLmutUAS1rZH85K3IQcJkM23k32b0o5OwBPVatUtvk09nqBTpt9cOzqP/2Q==" alt="Help" onMouseover="ddrivetip('This is the area of the right triangle formed by Leg a, Leg b, and Leg c (hypotenuse). The formula used is, Area (K) = 1/2 x b x a.', 250)" ; onMouseout="hideddrivetip()">
Area of triangle:
</td>
<td width="125" class="ChartTextCell">
<input type="text" id="area" name="area" size="15" value="" class="CalcOutFldOdd"/>
</td>
</tr>
<tr class="ChartRowOdd">
<td colspan="2" class="CalcSummaryCell" id="summary">
</td>
</tr>
<tr class="ChartRowOdd">
<td colspan="2" class="CalcSummaryCell" id="canvas_td">
<div style="text-align: center;">
<canvas id="canvas1" width="280" height="280">
Sorry, your browser does not support canvas. Please upgrade to the latest version of your web browser software.
</canvas>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>