Tip calculator app solution

Community feedback

• 

  Amos•470

  @fisttyPosted about 2 years ago

  Hi Maxmillian, I noticed that inputting a floating number shows an error like 142.55. I see that you are using a regex on the value but it seems unnecessary. You can simply make the input type="number"

  <input type="number" onkeyup="validateInputMoney()" id="bill">

  Marked as helpful

  1

  ---

  

  Maxmillian•180

  @MaxKolbePosted about 2 years ago

  @fistty Thank you for bringing this to my notice. I'll get to work on fixing that as soon as possible. I appreciate the feedback

  0
• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @MaxKolbe,

  Congrats on completing the challenge

  if you want to position the card in the middle of the page. You can replace your main rule with the following.

  main {
      background-color: var(--Light-grayish-cyan);
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 100vh;
  }
  

  also set a max width to prevent it from growing to wide.

  .cal-body {
      max-width: 750px;
  }
  

  I can't select a tip but I can enter one.

  Click on the view report button above and fix those issue, other than that you did good. hope this is helpful.

  Marked as helpful

  1

  ---

  

  Maxmillian•180

  @MaxKolbePosted about 2 years ago

  @hyrongennike Wow! Thanks a lot for showing me this, it looks like a better implementation. I'll implement that as soon as I can. :)

  0