Mobile first, Grid, Flex, JS

Community feedback

• 

  Tom Tillistrand•90

  @TomTillyPosted almost 2 years ago

  Great job, amerrika!

  To answer your question, I personally think radio button inputs within a <form> are the most appropriate. They visually don't present as standard radio buttons, but functionally they are the same: a group of related options with only one valid selection, that can be submitted with a button. Using these elements also does a lot of the functionality and accessibility work for you out of the box. Hope that's helpful!

  1

  ---

  

  Amer•360

  @amerrikaPosted almost 2 years ago

  @TomTilly Thank you for your answer. I actually do have to learn and practice input elements and forms. Right now not sure how they work, so I will focus on that and try to implement radio buttons in this project.

  1
• 

  Adriano•38,330

  @AdrianoEscarabotePosted almost 2 years ago

  Hi amerrika, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

  To make the submit button work only when the user selects a number, we can do this:

  ratingValue.addEventListener("click", function(){
      paragraph.textContent = `You selected ${ratingValue.innerText} out of ${ratingValues.length}`
      ratingValue.classList.add("orange")
      btnSubmit.addEventListener("click", function(){
          ratingBoxEl.classList.add("display-none");
          messageBoxEl.classList.remove("display-none");
      })
  });
  

  The rest is great!

  I hope it helps... 👍

  1

  ---

  

  Amer•360

  @amerrikaPosted almost 2 years ago

  @AdrianoEscarabote Thank you, it works and improves the project. I hope with more practice I'll be able to recognize this things while writing a code.

  1
• 

  hitch95•140

  @Hitch95Posted almost 2 years ago

  Hi, it looks like similar. For your question, you can use a <ol> tag with five <li> tag or multiples a with custom css

  1

  ---

  

  Amer•360

  @amerrikaPosted almost 2 years ago

  @Hitch95 Thank you, that would be a better solution.

  0