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
- Get link
- X
- Other Apps
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 :-
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 :-
2] number data type
Example :-
JavaScript code -
let A =7;
console.log( A);
Output :-
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
function one(){
console.log(Boolean(""));
}
one();
Output :-
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
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
- Get link
- X
- Other Apps
Popular posts from this blog
HTML Tag
HTML Tag Html basic tag:- <!DOCTYPE html> Html first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in. <HTML>:- <Html>. </html> <html> tag tells the browser this is HTML document . The <html> tag represent the root of HTML document. The <html> tag is the container for other HTML elements <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...
CSS Text Color Explained with Syntax and HTML Examples
What Is CSS Text Color This Blog You Will Learn ஃ What Is CSS Text Color ஃ Syntax ஃ Purpose of Text Color ஃ Real world Use Cases ஃ What Is CSS Text Color Example ஃ Output What Is CSS Text Color CSS text color refers to the color applied to text content on a web page using the color property in CSS. It controls how text appears visually and plays a major role in readability, accessibility, branding, and user experience . Syntax selector{ color:value; } Purpose of Text Color ✅ Make content readable. ✅ Highlight important information. ✅ Match brand identity. ✅ Create visual hierarchy. ✅ Improve user experience. Real world Use Cases Highlighting error messages. Emphasizing headings. Branding and theme design improving content readability. ஃ structure diagram examples What Is CSS Text Color Example <! DOCTYPE html > ...
CSS Outline Offset Property with Practical Examples
How to Use CSS Outline Offset Property This Blog You Will Learn ஃ How to Use CSS Outline Offset Property ஃ Syntax : ஃ structure diagram examples ஃ Example ஃ Output How to Use CSS Outline Offset Property CSS outline-offset property is use to control the space between element.border and outline is line drawn around an element similar to border ✅ Syntax : selector { outline-offset: length; } ஃ structure diagram examples How to Use CSS Outline Offset Property Example <! DOCTYPE html > < html > < head > < style > .pro { width : 250px ; padding : 20px ; margin : 40px ; border : 3px solid red ; outline : 4px solid blue ; outline-offset : 15px ; } </ style > </ head > < body > < h2 > CSS Outline Offset Property </ h2 > < div class = "pro" > < P > CSS Outline Offset Property. </ P > ...








Comments
Post a Comment