function ExamHeader() {
  return (
    <>
      
NEET Mock Examination 2026
      
Duration: 180 Minutes | Total Marks: 720
    
  );
}

B. All Tags Must Be Explicitly Closed

Self-closing elements in HTML (such as , ,
,

C. camelCase Attribute Naming

Because JSX is closer to JavaScript than HTML, attribute names use camelCase:

• Use className instead of class (since class is a reserved keyword in JavaScript).
• Use htmlFor instead of for in label elements.
• Use tabIndex, readOnly, autoComplete, etc.

3. Embedding JavaScript Expressions with Curly Braces {}

You can embed any valid JavaScript expression (variables, function calls, arithmetic, ternary checks) inside JSX by wrapping it in curly braces {}:

function StudentBadge() {
  const studentName = "Rohan Verma";
  const score = 94;
  const maxScore = 100;

  return (
    

      
Candidate: {studentName.toUpperCase()}
      
Accuracy: {(score / maxScore) * 100}%
      
Status: {score >= 50 ? "Qualified" : "Disqualified"}
    
  );
}

4. Inline Styles in JSX

Inline styles in JSX are passed as JavaScript objects where CSS properties use camelCase rather than hyphens:

const headerStyle = {
  backgroundColor: "#1e3a8a",
  color: "#ffffff",
  padding: "16px 24px",
  borderRadius: "8px",
  fontSize: "20px"
};

function TopBanner() {
  return 
Active Exam Session
;
}