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.
C Language Program to Display Alphabet P Star Pattern
- Get link
- X
- Other Apps
Print the alphabet P in star pattern in c
Example #include <stdio.h>
int main()
{
int a, b;
int n = 7; // height of P
for (a = 0; a < n; a++)
{
for (b = 0; b <= n; b++)
{
// Print * for the left vertical line of P
if (b == 0 || (a == 0 && b < n) || (a == n / 2 && b < n)
|| (b == n && a != 0 && a <= n / 2))
printf("*");
else
printf(" ");
}
printf("\n");
}
return 0;
}
C Language Program to Display Alphabet P Star Pattern
Explain Program
Explain Program
Step :1
int n = 7;
- This sets the height of the letter "P" to 7 rows.
- It also defines the width, as the letter will be constructed in a 7x8 grid (b <= n, so from 0 to 7, 8 columns total).
Step :2
for (a =
0; a < n; a++)
- Loops through each row (a from 0 to 6).
Step :3
for (b = 0;
b <= n; b++)
- Loop through each column (b from 0 to 7).
- b represents the current column number.
Step :4
if (
b == 0 || // Vertical bar on the left
(a == 0 && b < n) || // Top
horizontal bar
(a == n / 2 && b < n) || //
Middle horizontal bar
(b == n && a != 0 && a
<= n / 2) // Right vertical bar of P (only top half)
)
Step :5
(a == 0
&& b < n)
- This prints the top horizontal bar of 'P'.
- a == 0 only in the top row.
- b < n limits the stars to the first n columns
Step :6
(a == n / 2
&& b < n)
- This prints the middle horizontal bar of 'P'.
- n / 2 is 3 (integer division), so this applies to row 3.
- Again, stars are printed from column 0 to n - 1.
Step :7
(b == n && a != 0 && a <= n
/ 2)
- This prints the right vertical bar of 'P'.
- b == n ensures it only prints in the last column (b = 7).
- a != 0 && a <= n / 2 limits this to the top half of the letter, excluding the top row.
- .
Step :8
else
printf(" ");
- If the condition is not prints a space.
- This helps in shaping the letter correctly with spacing.
Step :9
printf("\n");
- After each row, moves the cursor to the next line.
C program to Print Alphabet P star pattern
Output
Summary program
|
b == 0 |
Left vertical line |
|
a == 0 && b < n |
Top horizontal line |
|
a == n/2 && b < n |
Middle horizontal line |
|
b == n && a != 0 && a <= n/2 |
Right vertical line (top half |
Related Post :-
C program to print alphabet h star
C program to print alphabetG star
C program to print alphabet F star
- 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 > ...
HTML Input Type Submit Syntax and Example
What is Input Type Submit in HTML The input type="submit" in HTML is used to create a submit button in a form. When a user clicks this button, it sends (submits) the form data to a server for processing. In simple words, a submit button helps users send the information they entered in a form, like login details, contact forms, or registration data. Syntax : <input type= "submit" value="submit"> type ="submit" ➡ create a submit button value ="send" ➡ text shown on the button A button that submit the form.<input type ="submit"> defines button for submitting form data form-handler. The form-handler is typically server page with the script for processing input data. the form -handler is specified in the forms action attribute. ⭐ HTML Input Type Submit Syntax and Example program <! DOCTYPE html > < html > < body > < h2 > Submit Button </ h2 > < p > The < strong >...

Comments
Post a Comment