Responsive Interactive component

Community feedback

• 

  Khaya•300

  @khaya05Posted almost 2 years ago

  Hi David, To disable your button you can use the disabled attribute. This is a boolean attribute. when present it specifies that the button should be disabled, thus, will make your button un-Clickable.

  Also, you should have different styles for disabled buttons i.e

  button:disabled{
      cursor:not-allowed;
      background-color: inherit;
      outline: 1px solid white;
  }
  

  Then you can use javascript to remove or add the disabled attribute i.e

  rates.forEach(element => {
      element.addEventListener("click", () => {
          rating.innerHTML = element.innerHTML;
          submit.disabled = false;
      }
      )
  
  });
  

  Don't forget to disable the submit button when users click the rate again button

  rateAgain.addEventListener("click", function () {
      thankDiv.classList.add("hidden");
      rateDiv.style.display = "block";
      submit.disabled = true
  }
  )
  

  Hope this answers your question👊👊👊

  1
• 

  Bizzare•1,320

  @godmayhem7Posted almost 2 years ago

  wow your code is not that bad but i think you should have a deeper understanding of styles, your button are supposed to be circular not oval and also try checking out different approach to your codes i think that will be helpful and also do some reviews on your code and check how you can better it i think this will be very helpful to you in the future hope this feedback was helpful 😊👌

  0

  ---

  

  David Adenusi•370

  @Davidmide02Posted almost 2 years ago

  @godmayhem7 Yeah, thank you Bizzare

  0