Tip Calculator UI

Community feedback

• 

  P

  Hexerse•460

  @HexersePosted 3 months ago

  Here's some stuff

  How to hide number arrows: /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

  /* Firefox */ input[type=number] { -moz-appearance: textfield; } From W3

  You could also make the code dryer, for example you can move the formulas into their own function. E.g

  Const tipAmount = {
  billperPerson = bill / people;
    tipperPerson = (bill * tip) / people;}
  

  Makes it much easier to debug !

  Also theres a blue border around the areas when you focus them sometimes ! If you would like to remove them you can use *:focus{ outline:none}

  • targets everything, *:focus targets everything that needs to focus

  0