inserir em um imput dados de uma tabela

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;
}