Conditional Rendering in React Complete Guide with Examples 2026

Image
  Conditional Rendering in React Conditional Rendering is one of the most useful concepts in React. It means showing different content on the screen depending on a condition. For example: If a user is logged in → show Logout If a user is not logged in → show Login If a student has passed → show Congratulations If a product is available → show Buy Now If data is loading → show Loading... React does not have a separate if rendering tag. Instead, we use normal JavaScript conditions such as if, the ternary operator, &&, and switch to decide what should appear in the UI.

what is data type in javascript

 
what is data type in javascript

JavaScript console.log()


What is the console.log() Method

1] console.log() is a built-in function.

2] console.log() is allows to output Message .

3]  And value to the console.

4] console.log() use for debugging & understanding  code.

5] log() method writes a message to the console.

6] log() method useful to testing purposes.

7] console.log() method  is javaScript logs message or data to console.

8] console.log()  debugging by displaying object properties, program flow or variable value .

9] console.log() method supported all browsers. 

Example :- chrome, internet explore,  Edge , Firefox , Safari, Opera, ext.


Console.log(); 

    Syntax 

         console.log(" ");

 

Example :-

 JavaScript code -


console.log
(" Welcome learn programming language to
link-https://webdesigningtheory.blogspot.com/");

Output :-

console.log() example with output
         

             Data Type  :-  


1] String  data type 


   Example :-

 JavaScript code -


let str =
"Welcome to learn programming language
link-https://webdesigningtheory.blogspot.com/";
console.log(str);


Output :-
string data type javascript

2] number  data type 


   Example :-

 JavaScript code -


let A =7;
console.log( A);

Output :-
number  data type  javascript


  3] Boolean  data type 

             1]  Boolean datatype returns either two value - true or false .
             2]   boolean  used  object, condition, variable, expressions etc. 
             3]   boolean terms of True or False value.
   
 Example :-

  JavaScript code -


function one(){
    console.log(Boolean(20));
}
one();

Output

boolean  value true

 Example :-

  JavaScript code -


function one(){
    console.log(Boolean(""));
}
one();


Output :-

javascript datatype boolean outpue false


4] undefined  data type 

     1] undefined value  is global read only variable .
      2] undefined is type of primitive type.

   Example :-

 JavaScript code -


let myvalue;
if (typeof myvalue==="undefined"){
    console.log("myvalue is undefined");
}
else {
    console.log("myvalue is defined");
 
}


Output 

javascript  undefined  data type

5] null  data type 

          
   Example :-

 JavaScript code -


const value =null;
if(value)
    {
    console.log("value is  not null");
}
else {
    console.log("value is  null ");
}


Output:-

php program to print Alphabet pattern E

bold tag

Comments

Popular posts from this blog

HTML Tag

CSS Text Color Explained with Syntax and HTML Examples

HTML Input Type Submit Syntax and Example