{"id":19767,"date":"2020-07-17T19:58:18","date_gmt":"2020-07-18T02:58:18","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=19767"},"modified":"2020-12-29T13:44:15","modified_gmt":"2020-12-29T21:44:15","slug":"javascript-math-abs","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/javascript-math-abs\/","title":{"rendered":"JavaScript Math Object: Absolute Value"},"content":{"rendered":"\n

This article will show you how to use the Math Object to figure out the absolute value of an input. <\/em>
<\/p>\n\n\n\n

As a reminder, the absolute value of a number disregards the sign \u2013 it assumes that all numbers are 0 or greater and returns that number. To use the absolute value method of the Math Object, here\u2019s the syntax:
<\/p>\n\n\n\n

Math.abs(inputVal);
<\/code><\/p>\n\n\n\n

Since we are using the Math Object, we start with Math. The absolute value method is the abbreviation abs. The set of parentheses invokes the method on the input value inside the parentheses and returns the absolute value. <\/p>\n\n\n\n

<\/p>\n\n\n\n

<!DOCTYPE html>\n<html>\n <head>\n   <meta charset="utf-8">\n   <meta name="viewport" content="width=device-width">\n   <title>repl.it<\/title>\n   <link href="style.css" rel="stylesheet" type="text\/css" \/>\n <\/head>\n <body>\n   <form onsubmit=handleSubmit(event)>\n     <label for="absolute-value">Enter a number:<\/label>\n     <input id="absolute-value" onchange=handleChange(event) type="text" name="absolute-value" value=""\/>\n     <input type="submit" value="Submit" \/>\n   <\/form>\n \n   <h3 id="root"><\/h3>\n \n   <script>\n     let inputVal = ""\n \n     const handleChange = e => {\n \n       inputVal = e.target.value;\n       console.log(inputVal)\n     }\n     const handleSubmit = e => {\n       e.preventDefault();\n       const root = document.querySelector("#root");\n       root.innerHTML = Math.abs(inputVal);\n \n     }\n     const inputValue = document.getElementById("absolute-value").value\n   <\/script>\n <\/body>\n<\/html><\/pre><\/div>\n\n\n\n
If you were to enter in a string, it returns NaN. A null value would return 0, and positive or negative numbers would, of course, return the positive number.<\/p>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
That\u2019s it! You can now use the Math object to figure out the absolute value of a number. Here\u2019s some articles that can help you figure out what to learn next: 
<\/p>\n\n\n\n