Submitted over 2 years ago

Calculate Tip - React.Js -

Facundo•100

@Facualemandi

Preview site View code

This is a solution for...Tip calculator app

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

Hello! I've recently been learning to use React, (approximately 1 month), how do you see the code? I accept any comment to improve, Thank you! -The option to tip manually does not work, I did not know how to do it. Hello! I've recently been learning to use React, (approximately 1 month), how do you see the code? I accept any comment to improve, Thank you! -The option to tip manually does not work, I did not know how to do it.

Community feedback

Fazza Razaq Amiarso•2,340

@fazzaamiarsoPosted over 2 years ago

Hello Facundo! Congratulation on finishing the project!

I can give you a high-level solution for your question.

function Tips({selectTip}) {
const [ customTip, setCustomTip ] = useState('')

const inputChangeHandler =  (e) =>{
setCustomTip(e.target.value);
selectTip(e.target.value)
}
  return (
     <section className='section_tips'>
        <p>Select Tip %</p>
         <div className='div_tips'>
             //other buttons
              <input type='number' placeholder='Custom' value={customTip} onChange={inputChangeHandler } />
         </div>
     </section>
  )
}

I hope it can give you an insight. Here is a resource I recommend you to get started with React https://kentcdodds.com/blog/how-to-react.

Keep on coding!

Marked as helpful

Facundo•100

@FacualemandiPosted over 2 years ago

@fazzaamiarso thanks for your answer! it has helped me 👍

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord