Responder dúvida

Seja o primeiro a responder

Criando formulário com javascript

JavaScript

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>
Agora o JS:
 
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)

}
Foto de Carolina G.
Carolina perguntou há 8 meses