Quero criar um botão `adicionar` que quando clicado pede as informações de 5 pessoas num formulário e outro botão consequente que diz `mostrar`, que mostra o array que tem todas as pessoas introduzidas!
Não consigo entender porque não está aparecendo o formulário com todos os campos, podem me ajudar?
Segue código HTML:
<div class="container">
<buttononclick="persona()"class="btn btn-primary"id="btn_form">Adicionar</button>
<buttononclick="infoPersona()"class="btn btn-secondary">Mostrar</button>
<formid="my_form">
<!-- <fieldset>
<div class="form-group">
<label> Nome</label>
<input class="form-control" placeholder="Digite seu nome" type="text">
</div>
<div class="form-group">
<label>Apelido</label>
<input class="form-control" placeholder="Seu Apelido" type="text">
</div>
<div class="form-group">
<label> Idade</label>
<input class="form-control" placeholder="Qual a sua idade" type="text">
</div>
<input type="submit">
</fieldset> -->
</form>
</div>
const persona = () => {
//Criando form
constform=document.getElementById('my_form')
//Criando a label
constlabelElement=document.createElement('label')
labelElement.innerHTML+="<label>Nome:</label>"
form.appendChild(labelElement)
//Criando input
constinputElement=document.createElement('input')
inputElement.type='text'
inputElement.className='form-control'
inputElement.placeholder='Digite seu nome'
form.appendChild(inputElement)
constlabelElement1=document.createElement('label')
labelElement1.innerHTML+="<label>Apelido:</label>"
form.appendChild(labelElement)
constinputElement1=document.createElement('input')
inputElement1.type='text'
inputElement1.className='form-control'
inputElement1.placeholder='Digite seu apelido'
form.appendChild(inputElement)
constlabelElement2=document.createElement('label')
labelElement2.innerHTML+="<label>Idade:</label>"
form.appendChild(labelElement)
constinputElement2=document.createElement('input')
inputElement2.type='text'
inputElement2.className='form-control'
inputElement2.placeholder='Qual a sua idade'
form.appendChild(inputElement)
//Criando botão
constinputElement3=document.createElement('input')
inputElement2.type='submit'
inputElement2.className='form-control'
inputElement2.placeholder='Enviar'
form.appendChild(inputElement)
}