Interactive Rating Component using Bootstrap 5 and JQuery

I have several questions, and I am open to any tips and hints so that I can implement these tips in my future project.

1. In the Javascript (I used JQuery) section, I used switch statements to change the value of the rating. I added the value attribute for each button, but I am unsure how to call the value in the JQuery (click function) instead of writing a bunch of switch statements.

2. I tried to create a function for the clicking event for the rating section and call the function in the to submit button click function, but it is not working. So, I had to write the rating click function separately to make the code works. Can anyone explain why creating a function inside a function doesn't work?

ps: If my question is unclear, please let me know how I can explain it better. As I cannot show the code snippet here, I tried to write the question as clearly as possible. But, I understand that some parts of the questions may not be clear to the readers. Sorry for the inconvenience caused.