Fiz o passo a passo junto com a aula do professor, porém a caixa azul não apareceu e no console está dando o seguinte erro :NegociacaoController.js:16 Uncaught TypeError: this._mensagemView.update is not a function
class NegociacaoController {
constructor() {
let $ = document.querySelector.bind(document);
this._inputData = $('#data');
this._inputQuantidade = $('#quantidade');
this._inputValor = $('#valor');
this._listaNegociacoes = new ListaNegociacoes();
this._negociacoesView = new NegociacoesView($('#negociacoesView'));
this._negociacoesView.update(this._listaNegociacoes);
this._mensagem = new Mensagem();
this._mensagemView = new MensagemView($('#mensagemView'));
this._mensagemView.update(this._mensagem);
}
adiciona(event) {
event.preventDefault();
this._listaNegociacoes.adiciona(this._criaNegociacao());
this._negociacoesView.update(this._listaNegociacoes);
this._mensagem.texto = 'Negociacao Adicionada com sucesso';
this._mensagemView.update(this._mensagem);
this._limpaFormulario();
}
_criaNegociacao() {
return new Negociacao(
DateHelper.textoParaData(this._inputData.value),
this._inputQuantidade.value,
this._inputValor.value);
}
_limpaFormulario() {
this._inputData.value = '';
this._inputQuantidade.value = 1;
this._inputValor.value = 0.0;
this._inputData.focus();
}
}
class Mensagem{
constructor(texto=''){
this._texto = texto;
}
get texto(){
return this._texto;
}
set texto(texto){
this._texto = texto;
}
}
let mensagem = new Mensagem('');
class MensagemView{
constructor(elemento){
this._elemento = elemento;
}
_template(model){
return `<p class ="alert alert-info">${model.texto}</p>`;
}
_update(model){
this._elmento.innerHTML = this._template(model);
}
}
Não consegui encontrar o erro. Agradeço desde já a ajuda.