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