{"id":1988,"date":"2017-07-14T03:27:46","date_gmt":"2017-07-14T03:27:46","guid":{"rendered":"http:\/\/javascript-tutor.net\/?page_id=1988"},"modified":"2017-07-14T03:45:18","modified_gmt":"2017-07-14T03:45:18","slug":"pythagoras-theorem","status":"publish","type":"page","link":"https:\/\/javascript-tutor.net\/index.php\/pythagoras-theorem\/","title":{"rendered":"Pythagoras Theorem"},"content":{"rendered":"

Pythagoras Theorem is used to solve problems related to the length of the sides of a triangle.
\nThe formula to \u00a0is<\/p>\n

AB2<\/sup>+AC2<\/sup>=BC2<\/sup><\/strong><\/p>\n

AB \u00a0is the opposite side, AC is the adjacent and BC is the hypotenuse\u00a0of a triangle ABC.<\/p>\n

We shall create a JavaScript application to deal with problems related to\u00a0Pythagoras Theorem. In this application, we shall insert two input boxes\u00a0for the user to key in the length of the opposite side and the length of the adjacent side. The user can then click on the Calculate Hypotenuse button to find the answer.<\/p>\n

The JavaScript is as follows:<\/p>\n

function Calhypo(a,b){\r\nvar hypo=Math.sqrt(Math.pow(a,2)+Math.pow(b,2));\r\nreturn hypo;\r\n}\r\nfunction Cal_hypo(){\r\nvar  x=parseInt(document.getElementById(\"adjacent\").innerHTML);\r\nvar  y=parseInt(document.getElementById(\"opposite\").innerHTML);\r\nvar z=Calhypo(x,y);\r\nvar c=z.toFixed(2);\r\ndocument.getElementById('ans').textContent=\"The Length of hypotenuse is= \"+c;\r\n\r\n}\r\n<\/pre>\n
We use the Math function pow(n,2) to find the square of a and b. The sqrt function is to find the square root of a number. We use the toFixed function to convert the resulting answer into 2 decimal places.<\/p>\n
The HTML script is as follows:<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=windows-1252\">\r\n<title>Pythagoras Theorem<\/title>\r\n<\/head>\r\n<body onload=\"RandomFn()\">\r\n<h1>Pythagoras Theorem<\/h1>\r\n<p>Length of adjacent side a=<b id=\"adjacent\"><\/b><\/p>\r\n<p>Length of opposite side b=<b id=\"opposite\"><\/b><\/p>\r\n\r\n<P id=\"ans\">The Length of hypotenuse c is<\/p>\r\n<input type=\"button\" value=\"Calculate hypotenuse\" onclick=\"Cal_hypo()\"><br><br>\r\n<input type=\"button\" value=\"Next Question\" onclick=\" location.reload();\">\r\n<script>\r\nfunction RandomFn() {\r\n document.getElementById(\"adjacent\").innerHTML = parseInt(Math.random()*9+1);\r\n document.getElementById(\"opposite\").innerHTML = parseInt(Math.random()*9+1);\r\n \r\n }\r\n<\/script>\r\n<script type=\"text\/javascript\" src=\"pythagoras1.js\"><\/script>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
Click on Pythagoras Theorem<\/a> to view the output.<\/p>\n
 <\/p>\n