JS Basic Archives

JS label text | Example and change label text on button click

Posted March 4, 2021March 5, 2021 by Rohit

The HTML tag is used to add a label to a form control like text, textarea, field, etc. You can set the value or get the value of Label in Javascript. The label tag (element) is used to tell users the value that should be entered in the associated input field.

<label> form content... </label>

1	<label> form content... </label>

JS label text Read More…

JavaScript set the label text | Simple example code

Posted March 4, 2021March 4, 2021 by Rohit

Use the innerHTML property to change or set the text inside the label in JavaScript. The innerHTML property sets or returns the HTML content of an element.

document.getElementById('label').InnerHTML = 'your text goes here';

1	document.getElementById('label').InnerHTML = 'your text goes here';

JavaScript set label text Example You can change or set the text of a label using JavaScript. Here is the HTML example code on click button label Read More…

Window Variable JavaScript | Declare global variables inside a function

Posted March 1, 2021March 1, 2021 by Rohit

Window Variable means that the variable is being declared at the global scope In JavaScript. Window Variable is used to declare JavaScript global variables inside the function. However, it’s not recommended to create or declarer Global variables generally and it should be avoided. A better way to define variables within the scope of functions. Window Read More…

JavaScript global variable | Example code

Posted March 1, 2021March 2, 2021 by Rohit

Variables don’t have limited scope to use by only a single function and defined outside of functions called global variables in JavaScript. A global variable can be defined anywhere in your JavaScript code and can be accessed from any function or scripts. JavaScript global variable Example code HTML example code:-

<!DOCTYPE html>
<html>
   <body>
      <script>
   
         var myVar = "Global variable";   // Declare a global variable

         function checkscope() {
            document.write(myVar);
         }
         //call function
         checkscope();
   
     </script>
   </body>
</html>

<!DOCTYPE html>

<html>

<body>

var myVar = "Global variable"; // Declare a global variable

function checkscope() {

document.write(myVar);

}

//call function

checkscope();

</script>

</body>

</html>

Output: What is the Read More…

Scope of variables in JavaScript | Simple example code

Posted March 1, 2021March 1, 2021 by Rohit

Scope of variables in JavaScript only has two types Global Variables and Local Variables. Note: In JavaScript, objects and functions are also variables. Scope of variables in JavaScript and Examples Let’s see HTML example code for both type of scope and understand the use and different of it. Global Scope A variables are outside of Read More…

Ternary operator multiple conditions JavaScript | Example code

Posted February 26, 2021February 26, 2021 by Rohit

Ternary operator more than one condition is possible with nesting it. Let’s see example for that in this tutorial. Example of Ternary operator multiple conditions JavaScript HTML example code for If mark -> 1 then result = A If mark -> 2 then result = B else result = C

<!DOCTYPE html>
<html>

<body>
    <script type="text/javascript">
        var marks = 8;
        
        var result = (marks == 1) ? "A" : (marks == 2) ? "B" : "C";

        console.log(result); 

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

<!DOCTYPE html>

<html>

<body>

var marks = 8;

var result = (marks == 1) ? "A" : (marks == 2) ? "B" : "C";

console.log(result);

</script>

</body>

</html>

Output: JS Ternary functions Read More…

JavaScript conditional operator | Example code

Posted February 25, 2021February 25, 2021 by Rohit

JavaScript conditional operator is assigned a value to a variable based on some condition. It’s the only JavaScript operator that takes three operands. It also called a ternary operator. Syntax of conditional operator in JS.

condition ? exprIfTrue : exprIfFalse

1	condition ? exprIfTrue : exprIfFalse

JavaScript conditional operator Example Let’s see simple HTML example code for a given condition – If the value is Read More…

JavaScript addition, subtraction, multiplication, division | Simple Examples

Posted February 25, 2021February 25, 2021 by Rohit

Addition, subtraction, multiplication, and division are basic Arithmetic operations in JavaScript. Addition Code: The addition operator (+) adds numbers:

var x = 5;
var y = 5;
var z = x + y;

var x = 5;

var y = 5;

var z = x + y;

Subtraction code: The subtraction operator (-) subtracts numbers.

var x = 10;
var y = 5;
var z = x - y;

var x = 10;

var y = 5;

var z = x - y;

Multiplication Code: The multiplication operator (*) multiplies numbers.

var x = 5;
var y = 2;
var z = x * y;

var x = 5;

var y = 2;

var z = x * y;

Division Code: The division operator (/) divides numbers.

var x = 10;
var y = 2;
var z = x / y;

var x = 10;

var y = 2;

var z = x / y;

JavaScript addition, subtraction, multiplication, division Examples HTML complete Read More…

JavaScript multiple if statements not Good | Alternative Switch Case

Posted February 12, 2021February 12, 2021 by Rohit

Using multiple if statements or if else statements, look very bulky in JavaScript or other programming languages. Multiple if statements and then else JavaScript Example If condition matches then inside code execute of if and else. But if the condition matched the last if statement then else will not be executed.

<!DOCTYPE html>
<html>
<head>
    <body>

        <script type="text/javascript">

            var a = 0;

            if (a == 0) {
                console.log("Green");
            }
            if (a == 1) {
                console.log("Yellow");
            }
            if (a == 2) {
                console.log("Red");
            }
            if (a == 3 ) {
                console.log("Blue");
            } else {
                console.log("None");
            }

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

<!DOCTYPE html>

<html>

<head>

<body>

var a = 0;

if (a == 0) {

console.log("Green");

}

if (a == 1) {

console.log("Yellow");

}

if (a == 2) {

console.log("Red");

}

if (a == 3 ) {

console.log("Blue");

} else {

console.log("None");

}

</script>

</body>

</html>

Output: An alternative Read More…

Nested if statements JavaScript | Simple example code

Posted February 8, 2021February 8, 2021 by Rohit

Nested if statements JavaScript used to get multiple possible outcomes. the if-else statement only supports two blocks but it can be used as many times as you like to increase the possible outcomes. Nested if statements JavaScript example code Nesting if statements meaning using if or if-else inside another if or else statement. let’s See Read More…