JAVASCRIPT BASICS. JavaScript Math Functions. The Math functions helps you to perform mathematical tasks

Size: px

Start display at page:

Download "JAVASCRIPT BASICS. JavaScript Math Functions. The Math functions helps you to perform mathematical tasks"

Ashlie Melinda Cook
6 years ago
Views:

1 JavaScript Math Functions Functions The Math functions helps you to perform mathematical tasks in a very way and lot of inbuilt mathematical functions which makes the programmers life easier. Typical example is, Math. min function which will provide you the minimal value among the listed values provided in a array of numbers.

2 Below are some of the math functions Function Name Math.min() What it does? This function returns the minimal value in the list of numbers Math.min(50, 60, 30, 20, -18, -4); The output is -18 Math.max() This function returns the mamimum value in the list of numbers Math.min(50, 60, 30, 20, -18, -4); The output is 60 Math.round() This function provides the rounding off option to the number This function rounds off to the nearest number Math.round(6.7); // returns 7 Math.ceil() This function provides the rounding off option to the number. It will rounds off to the top nearest number Math.round(6.7); // returns 7 Math.floor() This function provides the rounding off option to the number. It will rounds off to the bottom nearest number Math.round(6.7); // returns 6 Math.E This Math function will returns Euler s number Math.PI This Math function will returnspi Math.SQRT2 This Math function will returns the square root of 2 Math.SQRT1_2 This Math function will returns the square root of 1/2 Math.LN2 This Math function will returns the natural logarithm of 2 Math.LN10 This Math function will returns the natural logarithm of 10 Math.LOG2E This Math function will returns base 2 logarithm of E Math.LOG10E This Math function will returns base 10 logarithm of E

3 In addition to this, there are lot of mathematical methods which you can use it in your JavaScript code. Method Description abs(val) This method returns the absolute value of val acos(val) This method returns the arccosine of val, in radians asin(val) This method returns the arcsine of val, in radians atan(val) This method returns the arctangent of val as a numeric value between -PI/2 and PI/2 radians atan2(y,x) This method returns the arctangent of the quotient of its arguments ceil(val) Returns val, rounded upwards to the nearest integer cos(val) This method returns the cosine of val (val is in radians) exp(val) This method returns the value of Ex floor(val) Returns val, rounded downwards to the nearest integer log(val) This method returns the natural logarithm (base E) of val max(x,y,z,...,n) This method returns the number with the highest value min(x,y,z,...,n) This method returns the number with the lowest value pow(x,y) This method returns the value of x to the power of y random() Returns a random number between 0 and 1 round(val) Rounds val to the nearest integer sin(val) This method returns the sine of val (val is in radians) sqrt(val) This method returns the square root of val tan(val) This method returns the tangent of an angle

4 Sample code <!DOCTYPE html> <html> <body> <p>wikitechy. JavaScript Math Function. Math.random() returns a random number between 0 and 1.</p> <button onclick="myfunction()">mathfunction</button> <p id="wikitechy_text"></p> <script> function myfunction() { document.getelementbyid("wikitechy_text").innerhtml = Math.random(); } </script> </body> </html>

Code Explanation: JAVASCRIPT BASICS Paragraph tag displaying the text WikiTechy - JavaScript String Functions Button tag with onclick event placed.

5 Code Explanation: JAVASCRIPT BASICS Paragraph tag displaying the text WikiTechy - JavaScript String Functions Button tag with onclick event placed. On clicking of button the onclick will call the function myfunction() <button onclick="myfunction()">mathfunction</button> Button tag enclosed with the events. <button> </button>

6 Paragraph tag in which we are trying to get the result. The id of the paragraph tag is, WikiTechy_Text <p id="wikitechy_text"></p> Script tag enclosed the JavaScript tag. The format is <script> ur function here</script> Function method is declared at this stage. function myfunction () { document.getelementbyid("wikitechy_text").innerhtml = Math.random(); } Trying to fetch the element in the HTML WikiTechy_Text and accessing the innerhtml value and assign the value returned by Math.random() function. Math.random() function will return a value between 0 and 1.

7 Sample Output:

8 Output: Displaying the text WikiTechy - JavaScript Operators in the paragraph tag of the HTML page. Button created to invoke the onclick event. So that, the button onclick will call the function myfunction() <button onclick="myfunction()">mathfunction</button> Displaying the result of the variable with the Math.random() function executing.

So that, the button onclick will call the function myfunction() <button

9 On pressing the button once again Displaying the text WikiTechy - JavaScript Operators in the paragraph tag of the HTML page. Button created to invoke the onclick event. So that, the button onclick will call the function myfunction() <button onclick="myfunction()">mathfunction</button> Displaying the result of the variable with the Math.random() function executing. Now, the data is changed once again and the values will be between 0 and 1.

Princess Nourah bint Abdulrahman University. Computer Sciences Department

Princess Nourah bint Abdulrahman University 1 And use http://www.w3schools.com/ JavaScript Objectives Introduction to JavaScript Objects Data Variables Operators Types Functions Events 4 Why Study JavaScript?