Pesquisar na Comunidade
Mostrando resultados para as tags ''campo''.
Encontrado 1 registro
-
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>
