HTML JS Canvas Question

Which method is used to draw a filled rectangle on an HTML <canvas>?

• ctx.arc()

• ctx.fillRect()

• ctx.strokeRect()

• ctx.rect()

Which method starts a new path in the canvas drawing context?

• ctx.begin()

• ctx.startPath()
  

• ctx.beginPath()

• ctx.newPath()

ctx.beginPath();

ctx.arc(50, 50, 20, 0, Math.PI);

ctx.stroke();

• Full circle

• Half circle

• 
  Rectangle

• Line

What is the main difference between radio buttons and checkboxes?
a) ✅
b)
c) Both allow multiple selections
d) None of the above

• Radio buttons allow only one selection in a group, checkboxes allow multiple

• Radio buttons allow multiple selections, checkboxes allow only one

• Both allow multiple selections

• None of the above

How do you group multiple radio buttons so that only one can be selected?

• Give them the same id

• Give them the same name

• Give them the same value

• Put them inside the same <form>

Which is the correct syntax to add a click event listener to a button with id "btn"?

• btn.onclick("click", myFunction);

• document.getElementById("btn").addEventListener("click", myFunction);

• document.getElementById("btn").onClick(myFunction);

• btn.addEvent("click", myFunction);

What does e.preventDefault() do?

• Stops the event from bubbling up

• Prevents the browser’s default action

• Stops JavaScript execution

• Removes the event listener

What does e.stopPropagation() do?

• Removes the event listener

• Prevents form submission

• Stops the browser’s default action

• Stops the event from bubbling up to parent elements

Which is true about addEventListener()

• It replaces any existing event handlers for that event

• It can attach multiple handlers to the same event

• It can only be used on <button> elements

• It only works for "click" events

What happens if you forget to call ctx.beginPath() before drawing multiple shapes?

• The browser crashes✅

• The shapes won’t draw at all

• Nothing changes

• Shapes might connect unexpectedly