September 2020 - Tutorial

Html background image full screen | Responsive background image

Posted September 30, 2020September 30, 2020 by Rohit

Use img tag and CSS code to get the HTML webpage full screen background image. Another way is use background image CSS code. Examples of Html background image full screen Full-screen responsive background image example code.

<!DOCTYPE html> 
<html> 
<head>
    <style type="text/css">
        #bg {
          position: fixed; 
          top: -50%; 
          left: -50%; 
          width: 200%; 
          height: 200%;
      }
      #bg img {
          position: absolute; 
          top: 0; 
          left: 0; 
          right: 0; 
          bottom: 0; 
          margin: auto; 
          min-width: 50%;
          min-height: 50%;
      }
  </style>
</head>
<body> 
    
 <div id="bg">
  <img src="bg.jpg" alt="">
</div>

</body> 
</html>

<!DOCTYPE html>

<html>

<head>

#bg {

position: fixed;

top: -50%;

left: -50%;

width: 200%;

height: 200%;

}

#bg img {

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

margin: auto;

min-width: 50%;

min-height: 50%;

}

</style>

</head>

<body>

</div>

</body>

</html>

Output: Html background image full screen without CSS Well, if you don’t want to use an external or Read More…

JavaScript if not equal (!==) operator | Example code

Posted September 29, 2020September 29, 2020 by Rohit

JavaScript if not means simply if the value of two operands are not equal it returns true. You have to use not equal in if/else statement. How to representation not equal in JS? Here is symbol representation of not equal !=. Note: ! (negation operator) as “not”, || (boolean-or operator) as “or” Example of JavaScript Read More…

JavaScript absolute value | abs method example code

Posted September 28, 2020September 29, 2020 by Rohit

Use the abs method to get absolute value in JavaScript. JavaScript Math.abs() method is return the absolute value of a number. It takes a number as a parameter. Syntax of abs method

Math.abs(value)

1	Math.abs(value)

Example of JavaScript absolute value Basic Example

    <!DOCTYPE html> 
    <html> 
    <body> 
            <script language="JavaScript">
                var num = -10.85;
                var n = Math.abs(num)
                alert(n);
            </script>     
    </body> 
    </html>

<!DOCTYPE html>

<html>

<body>

var num = -10.85;

var n = Math.abs(num)

alert(n);

</script>

</body>

</html>

Output: More Examples

var a = Math.abs(10); //10
var b = Math.abs(-10.25); //10.25
var c = Math.abs(null); // 0
var d = Math.abs("Hello"); // NaN
var e = Math.abs(7+3);// 10

var a = Math.abs(10); //10

var b = Math.abs(-10.25); //10.25

var c = Math.abs(null); // 0

var d = Math.abs("Hello"); // NaN

var e = Math.abs(7+3);// 10

Q: How to get the absolute value of a number Read More…

JavaScript truncate number | trunc( ) Method example

Posted September 26, 2020September 26, 2020 by Rohit

Use trunc() method in JavaScript to get truncate number. Where this method returns the integer part of a number. It’ simply remove the decimals. Note: This method will NOT round the number up/down to the nearest integer. Syntax

Math.trunc(num)

1	Math.trunc(num)

Example of JavaScript truncate number | trunc( ) Method Let’s cuts off the dot and the Read More…

JavaScript round method | Up-Down, Up to decimal example code

Posted September 25, 2020September 25, 2020 by Rohit

The javaScript round method is used to rounds a number to the nearest integer. It can do round up or round down a number. You have to just pass the number as a parameter into the method. Syntax

Math.round(<em>x</em>)

1	Math.round(<em>x</em>)

Examples of the JavaScript round method Let’s do round a number to the nearest integer in Read More…

JavaScript truncate decimal | Math.trunc() function Example code

Posted September 24, 2020September 24, 2020 by Rohit

ECMAScript 6 offers Math.trunc method for completely consistent truncation. If you have a number than use this method to truncate decimal in JavaScript. JavaScript Math module trunc() function returns the integer part of a number by removing any fractional digits. Syntax of Math.trunc()

Math.trunc(<var>x</var>)

1	Math.trunc(<var>x</var>)

Example of JavaScript truncate decimal See below example doesn’t do any Read More…

JavaScript toFixed method | Rounding number to specified decimals

Posted September 23, 2020September 23, 2020 by Rohit

JavaScript toFixed method formats a number with a specific number of digits to the right of the decimal. This means you can set numbers to a fixed decimal length. Note: It converts a number into a string and rounding to a specified number of decimals. Zero added at decimal point, if the given number of Read More…

JavaScript toPrecision method | format a number to a specific precision or length

Posted September 22, 2020September 22, 2020 by Rohit

JavaScript toPrecision is used to format a number to a specific precision or length. Basically its specified length of number. Note: Js toPrecision method returns a string representing the Number object to the specified precision/length. Syntax

number.toPrecision(x)

1	number.toPrecision(x)

Example of JavaScript toPrecision method Example of How to JavaScript Format a number into a specified length.

    <!DOCTYPE html> 
    <html> 
    <body> 
            <script language="JavaScript">
                var num = 98.9614;
                var n = num.toPrecision(2);
                alert(n);
            </script>     
    </body> 
    </html>

<!DOCTYPE html>

<html>

<body>

var num = 98.9614;

var n = num.toPrecision(2);

alert(n);

</script>

</body>

</html>

JavaScript divide integer | Round up/down examples code

Posted September 21, 2020September 21, 2020 by Rohit

How to do integer division in JavaScript where output should be in int not float? Dividing integer is very easy in JavaScript, but some time you will get the output in floating point. To get eliminate floating point you can use math floor method. Normal division

var x = 455/10;
// Now x is 45.5
// Expected x to be 45

var x = 455/10;

// Now x is 45.5

// Expected x to be 45

Complete code JavaScript integer division round up

    <!DOCTYPE html> 
    <html> 
    <body> 
            <script language="JavaScript">
                var x = 455/10;
                var rx = Math.floor(x)
                alert(rx);
            </script>     
    </body> 
    </html>

<!DOCTYPE html>

<html>

<body>

var x = 455/10;

var rx = Math.floor(x)

alert(rx);

</script>

</body>

</html>

JavaScript random integer between 0 and ‘x’ | Example code

Posted September 18, 2020September 18, 2020 by Rohit

Use the basic Math methods to get a random integer in JavaScript. The math random() method returns a random number between 0 and 1 (including 0, excluding 1). You can Multiply this number by the highest desired number (e.g. 10) and Round it downward to its nearest integer. Example of JavaScript random integer Example of Read More…