Por algum motivo a tabela não está renderizando na tela. Segui todos os passos direitinho mas não aparece.
Também não consta nenhum erro no typescript.
Caso alguém possa ajudar, agradeço desde já
Parte do código do arquivo "negociacao-controller.ts":
import { Negociacao } from "../models/negociacao.js";
import { Negociacoes } from "../models/negociacoes.js";
import { NegociacoesView } from "../views/negociacoes-view.js";
export class NegociacaoController {
private inputData: HTMLInputElement;
private inputQuantidade: HTMLInputElement;
private inputValor: HTMLInputElement;
private negociacoes = new Negociacoes();
private negociacoesView = new NegociacoesView("#negociacoesView");
constructor() {
this.inputData = document.querySelector("#data");
this.inputQuantidade = document.querySelector("#quantidade");
this.inputValor = document.querySelector("#valor");
this.negociacoesView.update();
}Código do arquivo:
export class NegociacoesView {
private elemento: HTMLElement;
constructor(seletor: string) {
this.elemento = document.querySelector(seletor);
}
template(): string {
return `
<table class="table table-hover table-bordered">
<thead>
<tr>
<th>Data</th>
<th>Quantidade</th>
<th>Valor</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
`;
}
update(): void {
this.elemento.innerHTML = this.template();
}
}
Segue print da tela:
