Ceil Math function to get next higher integer in JavaScript

We can get the ceiling of a number by using match ceil() function. Or by using ceil math function we can get the smallest integer that is greater than or equal to given number. So by using this we can get the next higher integer of a given number. Here is the syntax.

Math.ceil(number)

Let us try with some examples.


document.write (Math.ceil(11.257)); // output 12
document.write ("<br>----<br>");

document.write (Math.ceil(1.56)); // output 2 
document.write ("<br>----<br>");


document.write (Math.ceil(-3.564));  // output -3
document.write ("<br>----<br>");


document.write (Math.ceil(-7.164)); // output -7
document.write ("<br>----<br>");

Not numeric or blank inputs

We will get output as NaN for all blank and non-numeric inputs.

document.write(Math.ceil()); // Output NaN 
document.write("<br>");
document.write(Math.ceil('xyz')); // Output NaN 
document.write("<br>");

Difference between ceil() and round()

Math.ceil() always returns next higher side integer, where Math.round can return integer value higher or lower than the input value.
Example :

<script>
document.write(Math.round(5.67)+'<br>'); // Output 6
document.write(Math.ceil(5.67)+'<br>'); // Output 6

document.write(Math.round(5.42)+'<br>'); // Output 5
document.write(Math.ceil(5.42)+'<br>'); // Output 6

document.write(Math.round(-5.67)+'<br>'); // Output -6
document.write(Math.ceil(-5.67)+'<br>'); // Output -5

document.write(Math.round(-5.42)+'<br>'); // Output -5
document.write(Math.ceil(-5.42)+'<br>'); // Output -5
</script>

Let us develop a script where users can enter any data and get the ceil value of it.

Demo of Math.ceil function

Here is the code

echo "<script type="text/javascript">
function disp_data(){
var a1 = document.getElementById('t1').value;
a1=Math.ceil(a1);
document.getElementById("a2").innerHTML= a1;
}
</script>

<input type=text name=t1 id='t1' value=-12.78><input type=button value='Display Ceil value' onClick='disp_data()';> 
<div id='a2'  style=" background-color: #c0f0c0; width:200" > Enter a number</div>";

You can read the php math ceil function
Next lower value of any decimal number
JavaScript Math Reference

Subscribe to our YouTube Channel here