Interactive rating component by TailwindCSS and TypeScript

Community feedback

• 

  Ivan•2,630

  @isprutfromuaPosted over 2 years ago

  Hi there

  Please note the variable declarations. It is better not to use var, it will also be better if you declare the types of these elements.

  var intereactiveNumber=document.querySelectorAll(".numbers")!;
  let mainDiv=document.querySelector('.main')!;
  var submitBtn=document.querySelector('.sb-btn')!;
  let updateRatingDiv=document.querySelector('.ratingText')!;
  let ratingDiv=document.querySelector('.rate')!;
  var ratingPoint: HTMLInputElement;
  

  It is better not to use any type, especially since you will always have an event target.

  element.addEventListener("click",(e: { target: any; })=>{
  

  You don't get an input element here, it's just a number

  let targets=e.target.dataset.num as HTMLInputElement;
  

  that would be enough

  let targets: number = +e.target.dataset.num
  

  In general, I'll recommend to repeat Javascript Basics Concepts

  REgards

  0