React

by Inverness

HTML

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

React

class TodoApp extends React.Component {
  constructor() {
    super()

    this.state = {
      number: 1
    }

    this.handleInputChange = this.handleInputChange.bind(this)
  }

  handleInputChange(event) {
  	console.log(event.target.value)
    this.setState({
      number: event.target.value
    })
  }
  
  render() {
    return (
      <div>
        <input
          type="number"
          value={ parseFloat(this.state.number).toFixed(2) }
          onChange={ this.handleInputChange }
          />
      </div>
    )
  }
}

ReactDOM.render(<TodoApp />, document.querySelector("#app"))