Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Erro Cannot read property 'getDate' of undefined

Eu não consigo encontrar o erro no meu código alguem pode me ajudar

minha classe Negociacao

class Negociacao {
    constructor(data, quantidade, valor) {
        this._data = new Date(data.getTime());
        this._quantidade = quantidade;
        this._valor = valor;
        Object.freeze(this);
    }

    get volume(){
        return this._quantidade * this._valor;
    }

    get data(){
        return new Date(this._data.getTime());
    }
    get quantidade(){
        return this._quantidade;
    }
    get valor(){
        return this._valor;
    }
}
classe DateHelper

class DateHelper {

    constructor() {
        throw new Error('Date helper não pode ser instanciado!');
    }

    static dataParaTexto(data) {

        return `${data.getDate()}/${(data.getMonth()+1)}/${data.getFullYear()}`;
    }

    static textoParaData(texto) {

        if (!/\d{4}-\d{2}-\d{2}/.test(texto)) {
            throw new Error('Formato de data inválido');
        }
        return new Date(...texto.split('-').map((item, indice) => item - indice % 2));
    }
}

classe ListaNegocioacoes

class ListaNegociacoes{
    constructor(){
        this._negocioacoes = [];
    }

    adiciona(negociacao){
        this._negocioacoes.push(negociacao);
    }

    get negociacoes(){
        return [].concat(this._negocioacoes);
    }
}

classe NegociacoesView

class NegociacoesView {

    constructor(elemento) {

        this._elemento = elemento;
    }

    _template(model) {

        return `
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th>DATA</th>
                    <th>QUANTIDADE</th>
                    <th>VALOR</th>
                    <th>VOLUME</th>
               </tr>
           </thead>

           <tbody>
            ${model.negociacoes.map(n => {

              return `
                <tr>
                    <td>${DateHelper.dataParaTexto(n.data)}</td>
                    <td>${n.quantidade}</td>
                    <td>${n.valor}</td>
                    <td>${n.volume}</td>
                </tr>
             `
             }).join('')}
            </tbody>

           <tfoot>
           </tfoot>
        </table>
        `
    }

    update(model) {
        this._elemento.innerHTML = this._template(model);
    }
}

classe NegociacaoController

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);
    }
    adiciona(event) {
        event.preventDefault();

        this._listaNegociacoes.adiciona(this._criaNegociacao);
        this._negociacoesView.update(this._listaNegociacoes);
        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();
    }
}

O erro acontece quando vou inserir o dado na tabela.

3 respostas

Claro que ajudo! :) Eu já sei o que é, mas preciso achar onde esta o erro. O problema é que em algum lugar do seu código você esta recebendo um parâmetro que não é um Date e o esta tratando como date.

Pode compartilhar a mensagem de erro completa do seu console do Chome? Isso vai me ajudar bastante, ainda mais quase no final do dia e minha vista fica meio lerda para achar erro :)

No aguardo!

solução!

Olá Flávio pode deixar eu consegui encontrar o erro, era um erro de digitação, mas muito obrigado pela atenção =)

Que notícia boa! Agora é continuar com os estudo meu aluno!