<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous"
/>
<link
href="https://fonts.googleapis.com/css?family=Pacifico&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="clientes.css" />
<title>PetShop!</title>
</head>
<nav class="navbar navbar-light bg-light">
<a class="navbar-brand" href="#">
<img
src="./img/doguinho.png"
width="50"
height="50"
class="d-inline-block align-top"
alt=""
/>
PetShop!
</a>
<ul class="nav justify-content-end">
<li class="nav-item">
<a class="nav-link active" href="#">Clientes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pets</a>
</li>
</ul>
</nav>
<table class="table">
<thead class="thead-dark">
<tr>
<th scope="col">CPF</th>
<th scope="col">Nome</th>
<th scope="col">Ações</th>
</tr>
</thead>
<tbody>
<tr>
<td>66809433023</td>
<td>Jairo</td>
<td></td>
</tr>
<tr>
<td>18875539081</td>
<td>Elena</td>
</tr>
<tr>
<td>18875539081</td>
<td>Elena</td>
</tr>
</tbody>
</table>
<body>
<script scr="cliente.js"></script>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"
></script>
</body>
</html>
const informaçõesClientes = [
{
cpf:18875539081,
nome:'Jairo'
}
]
const conteudoLinha = `
<tr>
<td>${informacoesClientes[0].cpf}</td>
<td>${informacoesClientes[0].nome}</td>
<td></td>
</tr>
`
console.log(conteudoLinha)
