The onclick event on the button does not work for the first click, and it works well from the second. Why is this?

JavaScript
1 
state={bank:bankOne};
  handleButtonClick=()=>{
   let button=document.getElementById('button');
   button.style.backgroundColor==='lightcoral'?button.style.backgroundColor='lightgreen':
   button.style.backgroundColor='lightcoral';
   this.state.bank===bankOne? this.setState({bank:bankTwo}):
   this.setState({bank:bankOne});
  }
2

Is this a javascript challenge?

3

yes. It is. It’s a react question.

6

The style does not change for the first click as well. Everything works fines from the second, both the state and the style.

8