Eu refiz todo o meu código do zero pois quando olhei hoje pela manhã não entendi nada do que tinha feito. Agora apareceu um erro novo na criação da tr. O último item recebe o valor do meu form mas os dois primeiros aparece essa mensagem de erro.
<tr>
<td>[object HTMLInputElement]</td>
<td>[object HTMLInputElement]</td>
<td>asfd</td>
</tr>
var form = document.querySelector("#form-adiciona");
var nomedamarca = form.medicamento.value;
var nomedalinha = form.linha.value;
var repcontato = form.repcontato.value;
//vou criar uma marca que é uma tr passando o nome da tag
var marcaTr = document.createElement("tr");
var nomedamarcaTd = document.createElement("td");
var nomedalinhaTd = document.createElement("td");
var repcontatoTd = document.createElement("td");
// peguei do que foi criado no form
nomedamarcaTd.textContent = medicamento;
nomedalinhaTd.textContent = linha;
repcontatoTd.textContent = repcontato;
marcaTr.appendChild(nomedamarcaTd);
marcaTr.appendChild(nomedalinhaTd);
marcaTr.appendChild(repcontatoTd);
console.log(marcaTr);
});
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Consulta marcas por linha</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="reset.css">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="styleConsultaProdutos.css">
</head>
<body class="container">
<header>
<div class="container">
<h3 class="titulo">Consulta marcas</h3>
</div>
</header>
<main class="container">
<label for="filtrar-tabela">Filtre:</label>
<input id="input-medicamento" type="text" name="filtro" id="filtrar-tabela" placeholder="Digite a marca">
<table class="table-hover">
<thead>
<tr>
<th>Medicamento</th>
<th>Linha do medicamento</th>
<th>Representante e contato</th>
</tr>
</thead>
<tbody id="tabela-marca">
<tr class="marca" id="primeira-marca">
<td class="info-nomedamarca">Adipept</td>
<td class="info-nomedalinha">Conquista</td>
<td class="info-repcontato"> Wilson (27 99255-1740) - Karina (27 99255-2856) Rodrigo (27 99255-7888) - Rogéria (27 99999-9999) - Raphael (27 2222-2222)</td>
</tbody>
</table>
</main>
<section class="container">
<h2 id="titulo-form">Adicionar medicamento</h2>
<form id="form-adiciona">
<div class="form-group">
<label for="medicamento">Medicamento:</label>
<input id="medicamento" name="medicamento" type="text" class="form-control" placeholder="Digite nome da marca.">
</div>
<div class="form-group">
<label for="linha">Linha do Medicamento:</label>
<input id="linha" name="linha" type="text" class="form-control" placeholder="Digite a linha do medicamento">
</div>
<div class="form-group">
<label for="repcontato">Representante e Contato:</label>
<textarea id="repcontato" name="repcontato" class="form-control" rows="3" placeholder="Ex: Wilson (27) 99255-1740 - Rafael (27) 99255-7879"></textarea >
</div>
<button id="adicionar-medicamento" class="btn btn-primary">Adicionar</button>`
