This JavaScript exception precision is out of range occurs if a number which is outside the range of 0 and 20 (or 21) is passed into toFixed(), toPrecision(), or toExponential() method.
Error Message:
RangeError: The number of fractional digits is out of range (Edge)
RangeError: The precision is out of range (Edge)
RangeError: precision {0} out of range (Firefox)
RangeError: toExponential() argument must be between 0 and 20 (Chrome)
RangeError: toFixed() digits argument must be between 0 and 20 (Chrome)
RangeError: toPrecision() argument must be between 1 and 21 (Chrome)
Error Type:
RangeError
What Happened?
There is a precision argument that is out of range in one of the methods, toExponential(), toFixed(), and toPrecision().
Example 1: In this example, the RangeError occurred as -100 to toFixed() is passed.
HTML
<!DOCTYPE HTML> <html> <head> <script src= </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> JavaScript RangeError | Precision is out of range </p> <button onclick="Geeks();"> click here </button> <p id="GFG_DOWN"></p> <script> var el_down = document.getElementById("GFG_DOWN"); function Geeks() { try { 3.54.toFixed(-100); el_down.innerHTML = "'Precision out of range'" + " error has not occurred"; } catch (e) { el_down.innerHTML = "'Precision out of range'" + " error has occurred"; } } </script> </body> </html> |
Output:
Example 2: In this example, the argument passed to toExponential() is -4, So the RangeError has occurred.
HTML
<!DOCTYPE HTML> <html> <head> <script src= </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> JavaScript RangeError | Precision is out of range </p> <button onclick="Geeks();"> click here </button> <p id="GFG_DOWN"> </p> <script> var el_down = document.getElementById("GFG_DOWN"); function Geeks() { try { 77.1234.toExponential(-4); el_down.innerHTML = "'Precision out of range'" + " error has not occurred"; } catch (e) { el_down.innerHTML = "'Precision out of range'" + " error has occurred"; } } </script> </body> </html> |
Output:
Example 3: In this example, the RangeError occurred as -1 to toPrecision() is passed.
HTML
<!DOCTYPE HTML> <html> <head> <script src= </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> JavaScript RangeError | Precision is out of range </p> <button onclick="Geeks();"> click here </button> <p id="GFG_DOWN"> </p> <script> var el_down = document.getElementById("GFG_DOWN"); function Geeks() { try { 5643.9.toPrecision(-1); el_down.innerHTML = "'Precision out of range'" + " error has not occurred"; } catch (e) { el_down.innerHTML = "'Precision out of range'" + " error has occurred"; } } </script> </body> </html> |
Output:
