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>
);
}
}