Hello, I would like to know how to get information from each input of my form, are inputs in html and others generated in JavaScript, I want to send the information by PHP backend to another page.
Code: Requests
<form method="POST" action="Exibe_Pedidos.php?valida=TRUE">
Receita
<input type="text" name="receita" placeholder="Ex: Pão de queijo">
<table border=1 id="tabela">
<tr><td colspan="6" style="text-align: center"><label>Pedidos:</label></td></tr>
<tr>
<div id="codProduto">
<td>Cód. Produto:</td>
<td><input type="text" name="codProduto[]" placeholder="Cód. Produto"></td>
</div>
<div id="quantidade">
<td><label>Quantidade:</label></td>
<td><input type="text" name="razao[]" placeholder="Quantidade"></td>
</div>
<div id="desconto">
<td><label>Desconto:</label></td>
<td><input type="text" name="desconto[]" placeholder="Desconto"></td>
</div>
</tr>
</table>
Add Register
</form>
<script>
const adicionar = document.getElementById("adicionar");
const codProduto = document.getElementById("codProduto");
const quantidade = document.getElementById("quantidade");
const desconto = document.getElementById("desconto");
adicionar.addEventListener("click", function (event) {
let campo = document.createElement("input");
let campoQuantidade = document.createElement("input");
let campoDesconto = document.createElement("input");
campo.name = "";
campo.name = "";
campo.placeholder = "";
campoQuantidade.placeholder = "";
campoDesconto.placeholder = "Desconto";
var table = document.getElementById("tabela");
var row = table.insertRow(2);
row.insertCell(0).innerHTML = "Cód. Produto:";
row.insertCell(1).innerHTML = '<input type="text" name="codProduto[]" placeholder="CodProduto"> ';
row.insertCell(2).innerHTML = "Quantidade";
row.insertCell(3).innerHTML = '<input type="text" name="razao[]" placeholder="Quantidade">';
row.insertCell(4).innerHTML = "Desconto";
row.insertCell(5).innerHTML = '<input type="text" name="desconto[]" placeholder="Desconto">';
});
</script>