mpCadastroProdutos/script.js at main · alcemaia/mpCadastroProdutos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
class Produto{

    constructor(){
        this.id = 1;
        this.arrayProdutos = [];
    }

    Adicionar(){
        let produto = this.lerDados()
        if(this.Validar(produto) == true){
            this.Salvar(produto)
        }
        this.Listar()
        this.Cancelar()
    }

    lerDados(){
        let produto ={}

        produto.id = this.id
        produto.nomeProduto = document.getElementById('pdnome').value
        produto.precoProduto = document.getElementById('pdpreco').value

        return produto
    }

    Validar(produto){
        let msg = '';

        if(produto.nomeProduto == ''){
            msg += 'Por favor, insira corretamente o nome do produto! \n'
        }
        if(produto.precoProduto == ''){
            msg += 'Por favor, insira corretamente o preço do produto! \n'
        }
        if(msg != ''){
            alert(msg)
            return false
        }
        return true
    }

    Salvar(produto){
        this.arrayProdutos.push(produto)
        this.id ++ ;
    }

    Listar(){
        let tbody = document.getElementById('tbody')
        tbody.innerText = ''

        for(let i = 0; i < this.arrayProdutos.length; i++){

            let tr = tbody.insertRow();

            let td_id = tr.insertCell();
            let td_nome = tr.insertCell();
            let td_preco = tr.insertCell();
            let td_del = tr.insertCell();

            td_id.innerText = this.arrayProdutos[i].id;
            td_nome.innerText = this.arrayProdutos[i].nomeProduto;
            td_preco.innerText = this.arrayProdutos[i].precoProduto;
            let imagem = document.createElement('img')
            imagem.src = 'trash-can.png'
            imagem.setAttribute("onclick", "produto.Deletar("+this.arrayProdutos[i].id+")")
            td_del.appendChild(imagem)

        }
    }
    Cancelar(){
        document.getElementById('pdnome').value = ''
        document.getElementById('pdpreco').value = ''
    }

    Deletar(id){
        let tbody = document.getElementById('tbody')
        for (let i = 0; i < this.arrayProdutos.length; i++ ){
            if(this.arrayProdutos[i].id == id){
                this.arrayProdutos.splice(i, 1)
                tbody.deleteRow(i)
            }
        }
            alert('O item foi deletado com sucesso')

    }
}

var produto = new Produto();