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
