Interactive Rating Component

to resolve the Accessibility error

• you should put all the content of body in <main></main> tag

https://www.w3.org/WAI/ARIA/apg/example-index/landmarks/main.html

https://www.tatianeaguirres.com/blog/2020-10-30-8-landmark-roles-that-every-front-end-should-know/

hope this helps you

Hi Roxanne,

you did a great job but You only have two simple problems

first, you should make this loop block : ratings.forEach((rating)) outside the addEventListener function Parentheses after this : submitButton.addEventListener("click",()=>{})

second, you don't need these two lines

let rateId = e.target.id; const numberBtn = document.getElementById(rateId);

you can just do this:- const numberBtn=e.target; and it will work you don't need access to id after e.target this syntax makes an error

finally, don't forget add the e in Parentheses of addEventListener like this ("click", (e) => {})