Transferir dados de uma tabela para um form em js
Pessoa de novo eu aqui kk. Acho que essa pergunta é simples mas eu não sei como fazer, já pesquisei em vários cantos mas só achei a resposta em Jquery e eu queria fazer em Javascript puro. Basicamente eu gostaria de transferir dados de uma tabela para um form eu já consegui fazer mas só funciona em um td e eu gostaria nos outros não funcionam.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1px">
<tr>
<td>Nome</td>
<td>Endereço</td>
<td>Telefone</td>
<td>Adicionar</td>
</tr>
<tr>
<td id="nome_cliente" value="Sapien">Sapinn</td>
<td id="endereco_cliente" value="Rua 01">Rua 01</td>
<td id="tel_cliente" value="(88) 9 9999-9999">(88)9 9999-9999</td>
<td><button onclick="adicionar()">Adicionar</button></td>
</tr>
<tr>
<td id="nome_cliente" value="Sapien">Supremo</td>
<td id="endereco_cliente" value="Rua 01">Rua 05</td>
<td id="tel_cliente" value="(88) 9 9999-9999">(88)9 0000-0000</td>
<td><button onclick="adicionar()">Adicionar</button></td>
</tr>
</table><br><br>
Nome:<input type="text" name="nome" id="nome">
Telefone: <input type="text" name="telefone" id="telefone">
Endereço: <input type="text" name="endereco" id="endereco">
<script>
function adicionar(){
let nome_cliente = document.getElementById("nome_cliente").innerHTML;
let endereco_cliente = document.getElementById("endereco_cliente").innerHTML;
let tel_cliente = document.getElementById("tel_cliente").innerHTML;
document.getElementById('nome').value = nome_cliente;
document.getElementById('telefone').value = tel_cliente;
document.getElementById('endereco').value = endereco_cliente;
console.log(nome_cliente, endereco_cliente, tel_cliente)
}
</script>
</body>
</html>Discussão (4)
Carregando comentários...