Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Rating responsive using inputs, JS with Error Message

@anderson-fndz

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


solution update with bug fixes and new features like the error message that was thanks to the feedback received

Community feedback

P. Ricardo 2,370

@pRicard0

Posted

  • Ao invés de adicionar onclick para cada input, você pode adicionar um eventlistener para quando os dados do formulario forem enviados ao apertar no botão.
  • Seu site tem um pequeno bug. O que acontece quando eu clico pra enviar sem ter selecionado nada? Dá uma bugada.
  • Se quiser entender melhor o que dava para ser feito, cheque meu projeto. É difícil te explicar direito quando se trata de JavaScript já que cada um usa uma lógica diferente então acho que lendo meu código vai entender mais fácil.

Dicas em HTML

  • Usa main tag ao invés de section para envelopar todo o conteúdo.

Dicas CSS

  • Use rem para font-size ao invés de pixel.

Marked as helpful

0

@anderson-fndz

Posted

Vlw mano, ajudou demais cara, fiquei aqui procurando como fazer isso de pegar os valores e agora consegui, e até usei o seu projeto como exemplo para conseguir terminar e arrumar os bugs, vlw mano @pRicard0

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord