MANIPULAÇÃO DE TABELA JAVASCRIPT

[Visitante]

Boa tarde,  estou criando um formulário.

Ao clicar no mais gostaria que o que foi escrito nos INPUT mostrasse na tabela abaixo.

 

Editado Janeiro 18, 2021 por Visitante
mudança

[lowys]

Segue sugestão:
 

<script>

    let fields = [
            'produto',
            'fornecedor',
            'qtdentrada',
            'custouni',
            'precovenda',
        ],
        tabela = document.getElementById('registroTabela');

    function cadEstoque(produto, fornecedor, qtdentrada, custouni, precovenda) {

        let qtdLinha = tabela.rows.length,
            linha = tabela.insertRow(qtdLinha),
            // inicia o array cells
            cells = [],
            // Cria um objeto FormData
            fData = new FormData(),
            // inicia a variável val
            val = '';

        // para cada field da variável fields
        for (let field of fields) {

            val = eval(field);

            // adiciona uma célula à linha
            cells[field] = linha.insertCell();

            // cria um elemento de texto
            let textElement = document.createTextNode(val);

            // adiciona o texto à célula
            cells[field].appendChild(textElement);

            // adiciona o dado à fData
            fData.append(field, val);
        }

        // envia os dados de fData para o php
        postFormData('save-my-data.php', fData)
            .then(response => {
                console.log(response);
            });
    }


    // POST implementation:
    async function postFormData(url = '', formData) {
        // Default options are marked with *
        const response = await fetch(url, {
            method: 'POST',
            body: formData // body data type must match "Content-Type" header
        });
        return response.json(); // parses JSON response into native JavaScript objects
    }


</script>

 

Editado Janeiro 18, 2021 por lowys

[lowys]

save-my-data.php
 

<?php

  // monte sua query

  $colunas = array_keys($_POST);
  $valores = array_values($_POST);

  $query = 'insert into SUA-TABELA(' . implode(', ', $colunas) . ') values(' . implode(', ', $valores) . ')';

  // execute sua query

  // retorne um json com a resposta de erro/sucesso
  die(json_encode([
    'type'    => 'success',  // error
    'message' => 'Dados salvos com sucesso', // falha ao salvar
    'query'   => $query  // só pro sr. ver a query montada no console
  ]));

Só lembrando que é só um "exemplo"
É preciso validar os dados e montar quantas queries forem necessárias