1
resposta

Exercicio função

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

1 resposta

Jorge, fiz dois ajustes

1 - Movi o alert dentro para dentro do incrementar()

class ContadorController{
    constructor(){
        this._contador=0;
        alert(this._contador);
    }
    incrementar(){
        this._contador++;
        alert(this._contador);
    }
  }

let contadorcontroller = new ContadorController();

2 - Corrigir o onclik com o nome da variável (contadorcontroller) q vc criou e o parêntese "()" na função inrementar()

<!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>

    </body>

</html>