Kodeclik Blog

JavaScript’s Math.floor() Method

Javascript’s Math.floor() method takes a number as input and returns the largest integer less than or equal to the input number. Let us learn how it works by writing a simple Javascript program.

We will embed our Javascript code inside a HTML page like so:

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JavaScript’s Math floor() Method</title>
</head>

<body>
  <script>
  </script>
</body>

</html>

In the above HTML page you see the basic elements of the page like the head element containing the title (“JavaScript’s Math floor() Method”) and a body with an empty script tag. The Javascript code goes inside these tags.

Here is some simple code to experiment with the Math.floor() method:

<script>
  pi = 3.14
  document.write(pi)
  document.write('<BR>')
  document.write(Math.floor(pi))
</script>

$Javascript Math.floor() method$

The output is:

3.14
3

As you can see 3.14 is truncated to 3.

Here are more examples:

<script>
  document.write("3.14 -> Math.floor() -> " + Math.floor(3.14))
  document.write('<BR>')
  document.write("3.99 -> Math.floor() -> " + Math.floor(3.99))
  document.write('<BR>')
  document.write("0.56 -> Math.floor() -> " + Math.floor(0.56))
</script>

The output is:

3.14 -> Math.floor() -> 3
3.99 -> Math.floor() -> 3
0.56 -> Math.floor() -> 0