Bom dia, Estou tentando fazer um exercicio mas no navegador naõ aparece o que esperava, não stou sabendo como resolver segeu os dois codigos HTML e JS. A pagina dria um botão e a variavel contador inicia com zero e ao clicar no botão incrementar eu esperava que fose mstrada a mensagem 1 , 2 , 3 a cada clique no botão incrementar, porém ao carregar no browser priemiro aparece undifned, depois aparece o numero 0, e deposi é liberado para clicar no botao incrementar e ao clicar não aparece nada. os dois arquivos exercicio.html e contadorController.js estão na mesma pasta (exercicios) Fico no agurado , de onde estou errando ou o qu eestou deixando de escrever no código. Muito obrigado Fico no aguardo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>1-Exercicio JS </title>
<script src="ContadorController.js"></script>
</head>
<body>
<button onclick="ContadorController.incrementar">Incrementar</button>
<!--<script>let contadorcontroller = new ContadorController(); </script> ( esse escript pode ser escrito no js ContadorController) -->
</body>
</html>
JS
class ContadorController{
constructor(){
this._contador=0;
alert(this._contador);
}
incrementar(){
this._contador ++;
}
}
alert(this._contador);
let contadorcontroller = new ContadorController();