alguém me ajuda pelo amor eu só quero que apareça a lista das pessoas no final
function adicionarPessoa() {
var campoNome = document.querySelector('#nome')
var nome = campoNome.value
if(nome = string){
listarNomesNaTela(nome)
} else {
alert("nome inválido")
}
campoNome.value = ""
var campoCpf = document.querySelector('#cpf')
var cpf = campoCpf.value
if(cpf = string){
listarCpfNaTela(cpf)
} else {
alert("cpf inválido")
}
campoCpf.value = ""
var campoComida = document.querySelector('#comida')
var comida = campoComida.value
if(comida = string){
listarComidaNaTela(comida)
} else {
alert("comida inválido")
}
campoComida.value = ""
listarPessoasNaTela = listarNomesNaTela + listarCpfNaTela + listarComidaNaTela
}
function listarPessoasNaTela(){
var listaPessoas = documet.querySelector('#listaPessoas')
listaPessoas.innerHTML
}index:
<body>
<header>
<div class="container">
<h1>café <br> da manhã</h1>
</div>
<div class="container">
<h2>o que você vai querer compartilhar nessa refeição com seus colegas?</h2>
</div>
</header>
<main>
<section class="container">
<form name="cadastro">
<input type="text" id="nome" placeholder="nome*"></input>
<input type="text" id="cpf" placeholder="CPF*"></input>
<input type="text" id="comida" placeholder="comida*"></input>
<button onClick="adicionarPessoa()"><a href="pag2.html" id="listaPessoas">submeter</a></button>
</form>
</section>
<p>ainda não viu a lista de comidas?<a href="pag3.html" id="listaPessoas"> confira aqui</a></p>
</main>
</body>segunda pag
<body>
<header>
<h1>sua comida foi registrada!</h1>
</header>
<main>
<button onClick="adicionarPessoa()"><a href="index.html">adicionar outra comida</a></button>
<button onClick="listarPessoasNaTela()" id="listaPessoas"><a href="pag4.html" id="listaPessoas">ver lista</a></button>
</main>
</body>terceira pag
<body>
<header>
<h1>ainda não existem comidas na lista de café da manhã</h1>
<h2>lista: <span class="cafe"> café da manhã </span></h2>
</header>
<div class="row">
<button onClick="adicionarPessoa()"><a href="index.html" id="botaoNome">adicione a primeira</a></button>
</div>
</body>quarta pag
<body>
<header>
<h1>lista: <span class="cafe"> café da manhã</h1>
<button onClick="adicionarPessoa()"><a href="index.html" id="botaoNome">adicionar comida</a></button>
</header>
<main>
<table>
<tr>
<th>>nome</th>
<th>CPF</th>
<th>comida</th>
</tr>
<tr>
<div id="listaPessoas">
<td></td>
</div>
</tr>
</table>
</main>
</body>