{"id":19780,"date":"2020-07-19T04:48:17","date_gmt":"2020-07-19T11:48:17","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=19780"},"modified":"2020-12-29T13:40:58","modified_gmt":"2020-12-29T21:40:58","slug":"javascript-round","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/javascript-round\/","title":{"rendered":"JavaScript Math Object: Round"},"content":{"rendered":"\n

This article will show you how to use the Math Object to figure out how a floating point number rounds to the nearest integer.<\/em>
<\/p>\n\n\n\n

As a reminder, when we round a number, we look to the right of the decimal point to figure out if we round up or round down. If it\u2019s .5 or more and positive, we round up; if it\u2019s less than .5 when positive, we round down. In the case of negative numbers, the threshold is adjusted slightly:  if .5 or less, we round down. Here\u2019s the syntax:
<\/p>\n\n\n\n

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

Since we are using the Math Object, we start with Math. The round method comes next. The set of parentheses invokes the method on the input value inside the parentheses and returns the rounded value.
<\/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="round">Enter a number:<\/label>\n     <input id="round" onchange=handleChange(event) type="text" name="round" 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.round(inputVal);\n \n     }\n     const inputValue = document.getElementById("round").value\n   <\/script>\n <\/body>\n<\/html><\/pre><\/div>\n\n\n\n
If you were to enter a string or null into the input, it returns NaN.Try the code editor above and input some floating point numbers to get an idea of how the Math.round() method works. <\/p>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
That\u2019s it! You can now use the Math object to figure out how to round a number. Here\u2019s some articles that can help you figure out what to learn next: 
<\/p>\n\n\n\n