const handleButtonClick = (event) => {
    console.log("button was clicked")
}


document
    .querySelector('.my-rad-button')
    .addEventListener('click', handleButtonClick)

class Counter extends Component {

  constructor(props) {
    super(props)
    this.state = {
      counter:0
    }
  }

  buttonClick = (event) => {
    this.setState({
      counter: this.state.counter + 1
    })
  }

  render() {
    return (
      <div>
        <button onClick={this.buttonClick} > Click me!</button>
        <h4>{this.state.counter}</h4>
      </div>
    );
  }
}