Priyanka Venkata - P2

by Pritesh Patel

HTML

<!-- Build a simple button component in html, css and javascript.
You can use react if you are cocmfortable

Reference: https://imgur.com/a/AdseZdc

Here are the features we are looking for

1 - Button should start off as a simple button with "Add"
2 - On click, the button should show a text box with a counter (displaying 1).
3 - To the left of text box should exist a minus button. On click of which, the number should decrement
4 - To the right of text box should exist a plus button. On click of which, the number should increment
5 - The text should be editable directly and should behave like a text box
6 - After each change in value, there should be a callback fired.

Use best practices to build this like a re-usable component.
I should be able to spawn as many buttons as possible.


Feel free to refer any documentations as needed.
Be proud of your implementation. -->

<div id="app"></div>

React

const QuantityButton = () => (
	<div>Hello Button</div>
)

/* class QuantityButton extends React.Component {
  render() {
    return (
      <div>Hello Class</div>
    )
  }
}
 */

ReactDOM.render(<QuantityButton />, document.querySelector("#app"));
/* ReactDOM.render(<QuantityButton />, document.querySelector("#app")); */