1
resposta

Não carrega os dados para o console log

index.htl
...
     <tfoot>
        </tfoot>
    </table>

    <scrip src="js/models/Negociacao.js"></scrip>
    <script src="js/controllers/NegociacaoController.js"></script>
    <scrip src="js/app.js"></scrip>
</body>

</html>

NegociacaoController.ts

class NegociacaoController{

  private _inputData;
  private _inputQuantidade;  
  private _inputValor;

  constructor(){
      this._inputData=document.querySelector('#data');
      this._inputQuantidade=document.querySelector('#quantidade');
      this._inputValor=document.querySelector('#valor');
  }

  adiciona(event){
      event.preventDefault();
    const negociacao = new Negociacao(
        this._inputData.value,
        this._inputQuantidade.value,
        this._inputValor.value
    );

        console.log(negociacao.quantidade+20);

  }

}


app.ts

const controller = new NegociacaoController();
document
.querySelector('.form')
.addEventListener('submit',controller.adiciona.bind(controller));
1 resposta

Oi Maryucha!

No seu index.html confere por favor as tags <script>. No que você colou aqui ficou faltando o "t".

Está assim:

    <scrip src="js/models/Negociacao.js"></scrip>
    <script src="js/controllers/NegociacaoController.js"></script>
    <scrip src="js/app.js"></scrip>

Mas deveria estar assim:

    <script src="js/models/Negociacao.js"></script>
    <script src="js/controllers/NegociacaoController.js"></script>
    <script src="js/app.js"></script>

Se isso não resolver, comenta aqui de novo!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software