Quiz for JSX vs HTML

Q1: Which attribute is used in JSX instead of "class" in HTML?

A. className B. cls C. classValue D. classTag

Q2: What is the main reason JSX differs from HTML?

A. It is faster B. It allows embedding of JS expressions C. It requires no closing tags D. It avoids all attributes

Q3: Which attribute replaces "for" in HTML when using JSX?

A. htmlFor B. forAttr C. loop D. labelFor

Q4: How are comments written in JSX inside return statement?

A. {/* comment */} B. // comment C. <!-- comment --> D. {// comment}

Q5: Which of the following is invalid in JSX?

A. <div class="app"> B. <div className="app"> C. <h1>Hello</h1> D. <p>{message}</p>

Q6: What is required for every JSX element?

A. Must be wrapped in one parent element B. Must use double quotes C. Must use inline styles only D. Must have an id

Q7: Which tag pair is valid in JSX?

A. <input></input> B. <br><br> C. <img><img> D. <input/>

Q8: What type of values can be inserted inside {} in JSX?

A. Only strings B. Only numbers C. JavaScript expressions D. Only booleans

Q9: Which of these is NOT a valid JSX rule?

A. JSX elements must be closed B. JSX must have one root node C. You can use class instead of className D. Use htmlFor instead of for

Q10: Which of the following is valid in JSX?

A. <label htmlFor="name"> B. <label for="name"> C. <label labelFor="name"> D. <label ref="name">

Q11: Which of the following is correct in JSX to define an inline style?

A. style={{color: "red"}} B. style="color:red" C. style=color:red D. style: "color: red"

Q12: Which of the following is used in JSX instead of tabindex?

A. tabIndex B. tabindex C. tab D. indexTab

Q13: What should be used for binding styles dynamically in JSX?

A. JavaScript object B. CSS file C. HTML style tag D. SCSS

Q14: How do you render a string variable in JSX?

A. {myString} B. "{myString}" C. <myString> D. ${myString}

Q15: Which syntax is used in JSX to assign a click event?

A. onClick={handler} B. onclick="handler" C. onClick="handler()" D. onClick: handler()

Q16: What is a key difference between HTML and JSX attributes?

A. JSX uses camelCase B. JSX uses dash-case C. HTML doesn’t support expressions D. HTML needs semicolons

Q17: Which is correct JSX syntax for rendering a conditional element?

A. {isLoggedIn && <LogoutButton />} B. if(isLoggedIn) <LogoutButton /> C. <LogoutButton /> if isLoggedIn D. isLoggedIn ? <LogoutButton />

Q18: Which HTML tag is self-closing and must be written differently in JSX?

A. <img> B. <div> C. <h1> D. <span>

Q19: In JSX, how do you write a label referencing an input field?

A. <label htmlFor="username"> B. <label for="username"> C. <label ref="username"> D. <label idFor="username">

Q20: What happens if multiple JSX elements are returned without a parent?

A. Compilation error B. Elements auto wrap C. They are ignored D. JSX converts them to strings