inserir um valor de uma tabela para dentro de um imput

[moisesjr4]

Estou quero o usuario ao clicar em um botão, os valores da linha correspondente ao botão, tabela sejam inseridos dentro de um imput. Mas o pelo script que fiz ele esta inserindo apenas o primeiro valor da tabela, pois quando clico no segundo ele inseri o primeiro.

OBS: os valores da tabela estou puxando do banco de dados.

Segue meu PHP tabela:

 

<?php
        require_once("classes/conecta.php");
        $conectando = new CONEXAO();
        $resposta = $conectando->Consulta("SELECT * FROM clientes_cli");
?>
<br>
<table >
        <thead>
            <tr>
                <td width="40px"><b>Nome</b></td>
                <td width="550px"><b>Sobrenome</b></td>
            </tr>
        </thead>
        <tbody> 
            <?php while ($inte = mysqli_fetch_assoc($resposta)) : ?>
            <tr>
            <td id="nome_lin">
           <?php echo $inte['nome_cli']; ?>
                </td>
                <td id="sobrenome_lin">
                    <?php echo $inte['sobrenome_cli']; ?>
                </td>
                <td>
                <button onclick="alimentarCampo()" class="btn btn-primary">Alterar</button>
                </td>
            </tr>
            <?php endwhile; ?>
        </tbody>
    </table>
<br>

 

Segue meu PHP os imputs:

        <form method="post" action="classes/consulta.php">
        <div class="row">
        <div class="col-6">
            <div class="form-group">
                <label>Nome</label>
                <input type="text" id="nome_input" class="form-control" name="nome">
            </div>
            </div>
            </div>
            <div class="row">
            <div class="col-6">
            <div class="form-group">
                <label>Sobrenome</label>
                <input type="text" class="form-control" id="sobrenome_input" name="sobrenome">
            </div>
            <button type="submit" class="btn btn-primary">Adicionar</button>
            <button type="submit" class="btn btn-primary">Alterar</button>
            <button type="submit" class="btn btn-primary">Excluir</button>
            </div>
            </div>
        </form>

 

 

Segue tambem meu javascript:

 

function alimentarCampo() {
    var nome_do_cliente = document.getElementById("nome_lin");
    var sobrenome_do_cliente = document.getElementById("sobrenome_lin");
    document.getElementById("nome_input").value = nome_do_cliente.innerText;
    document.getElementById("sobrenome_input").value = sobrenome_do_cliente.innerText;
}

 

[lowys]

Olá!

A id deve ser um atributo de valor único.
O sr. tem vários elementos com a mesma id.
id = identidade
cada elemento (que precisar), deve ter id única(sem repetições).

Primeira coisa a ser feita, é fazer com que não haja ids com valores iguais.