Skip to main content
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
removeu 5 caracteres do conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Segue o código em JS:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)

let cadastro = []
function guardar() {
    let nome = document.getElementById('nome').value
    let idade = document.getElementById('idade').value
    let email = document.getElementById('email').value


    let pessoa = {
        nomeCliente: nome,
        emailCliente: email,
        idadeClient: idade
    }
    cadastro.push(pessoa)
}

Código HTML:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)

let cadastro = []

function guardar() {
  let nome = document.getElementById('nome').value
  let idade = document.getElementById('idade').value
  let email = document.getElementById('email').value


  let pessoa = {
    nomeCliente: nome,
    emailCliente: email,
    idadeClient: idade
  }
  cadastro.push(pessoa)
}
<form>
  <ul style="list-style-type:none;">

    <li><label type="text" for="nome">Nome:</label>
      <input type="text" aria-required="true" id="nome"></li>
    <br>
    <li><label type="email" for="email">E-mail:</label>
      <input type="email" id="email"></li>
    <br>
    <li><label type="text" for="idade">Idade:</label>
      <input type="number" id="idade">
      <li>
        <br>
        <li><button type="submit" id="botao">Enviar</button></li>
  </ul>
</form>
<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Formulário</title>  
   
 </head>

<body>
    
<form>
    <ul style="list-style-type:none;">

<li ><label type="text" for="nome">Nome:</label>
<input type="text"aria-required="true" id="nome"></li>
<br>
<li><label type="email" for="email">E-mail:</label>
<input type="email" id="email"></li>
<br>
<li><label type="text" for="idade">Idade:</label> 
<input type="number" id="idade"><li>
<br>
<li><button type="submit" id="botao">Enviar</button></li>
    </ul>
</form>

<script type="text/javascript" src="inscricao.js"></script>
</body>


</html>
 

Segue o código em JS:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)

let cadastro = []
function guardar() {
    let nome = document.getElementById('nome').value
    let idade = document.getElementById('idade').value
    let email = document.getElementById('email').value


    let pessoa = {
        nomeCliente: nome,
        emailCliente: email,
        idadeClient: idade
    }
    cadastro.push(pessoa)
}

Código HTML:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Formulário</title>  
   
 </head>

<body>
    
<form>
    <ul style="list-style-type:none;">

<li ><label type="text" for="nome">Nome:</label>
<input type="text"aria-required="true" id="nome"></li>
<br>
<li><label type="email" for="email">E-mail:</label>
<input type="email" id="email"></li>
<br>
<li><label type="text" for="idade">Idade:</label> 
<input type="number" id="idade"><li>
<br>
<li><button type="submit" id="botao">Enviar</button></li>
    </ul>
</form>

<script type="text/javascript" src="inscricao.js"></script>
</body>


</html>

Segue o código:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)

let cadastro = []

function guardar() {
  let nome = document.getElementById('nome').value
  let idade = document.getElementById('idade').value
  let email = document.getElementById('email').value


  let pessoa = {
    nomeCliente: nome,
    emailCliente: email,
    idadeClient: idade
  }
  cadastro.push(pessoa)
}
<form>
  <ul style="list-style-type:none;">

    <li><label type="text" for="nome">Nome:</label>
      <input type="text" aria-required="true" id="nome"></li>
    <br>
    <li><label type="email" for="email">E-mail:</label>
      <input type="email" id="email"></li>
    <br>
    <li><label type="text" for="idade">Idade:</label>
      <input type="number" id="idade">
      <li>
        <br>
        <li><button type="submit" id="botao">Enviar</button></li>
  </ul>
</form>
 

Adicionado o código HTML
Fonte Link

Array não adiciona um dado no formulário no último elemento através do método push em uma função click.

Fiz algumas pesquisas, mas não encontrei uma resposta significativa. A dúvida é de iniciante, criei um pequeno formulário em HTML, a ideia era pegar os dados digitados e enviar para um objeto e guardar os dados através de um array com um evento click, o array pegaria estes dados através do método push().

Com o código abaicoabaixo, os dados não deveriam ser adicionados a cada click no último elemento do array? Os dados estão sendo adicionados sempre no primeiro elemento sobrescrevendo o dado anterior.

Segue o código em JS:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)

let cadastro = []
function guardar() {
    let nome = document.getElementById('nome').value
    let idade = document.getElementById('idade').value
    let email = document.getElementById('email')

let cadastro = [].value

function guardar() {
    let pessoa = {
        nomeCliente: nome.value,
        emailCliente: email.value,
        idadeClient: idade.value    
    }
    cadastro.push(pessoa.nomeCliente)
}

Código HTML:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 }<title>Formulário</title>  
   
 </head>

<body>
    
<form>
    <ul style="list-style-type:none;">

<li ><label type="text" for="nome">Nome:</label>
<input type="text"aria-required="true" id="nome"></li>
<br>
<li><label type="email" for="email">E-mail:</label>
<input type="email" id="email"></li>
<br>
<li><label type="text" for="idade">Idade:</label> 
<input type="number" id="idade"><li>
<br>
<li><button type="submit" id="botao">Enviar</button></li>
    </ul>
</form>

<script type="text/javascript" src="inscricao.js"></script>
</body>


</html>

Array não adiciona um dado no formulário no último elemento através do método push em uma função click.

Fiz algumas pesquisas, mas não encontrei uma resposta significativa. A dúvida é de iniciante, criei um pequeno formulário em HTML, a ideia era pegar os dados digitados e enviar para um objeto e guardar os dados através de um array com um evento click, o array pegaria estes dados através do método push().

Com o código abaico, os dados não deveriam ser adicionados a cada click no último elemento do array? Os dados estão sendo adicionados sempre no primeiro elemento sobrescrevendo o dado anterior.

Segue o código em JS:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)
let nome = document.getElementById('nome')
let idade = document.getElementById('idade')
let email = document.getElementById('email')

let cadastro = []

function guardar() {
    let pessoa = {
        nomeCliente: nome.value,
        emailCliente: email.value,
        idadeClient: idade.value    
    }
    cadastro.push(pessoa.nomeCliente)    
 }

Array não adiciona um dado no formulário no último elemento através do método push em uma função click.

Fiz algumas pesquisas, mas não encontrei uma resposta significativa. A dúvida é de iniciante, criei um pequeno formulário em HTML, a ideia era pegar os dados digitados e enviar para um objeto e guardar os dados através de um array com um evento click, o array pegaria estes dados através do método push().

Com o código abaixo, os dados não deveriam ser adicionados a cada click no último elemento do array? Os dados estão sendo adicionados sempre no primeiro elemento sobrescrevendo o dado anterior.

Segue o código em JS:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)

let cadastro = []
function guardar() {
    let nome = document.getElementById('nome').value
    let idade = document.getElementById('idade').value
    let email = document.getElementById('email').value


    let pessoa = {
        nomeCliente: nome,
        emailCliente: email,
        idadeClient: idade
    }
    cadastro.push(pessoa)
}

Código HTML:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Formulário</title>  
   
 </head>

<body>
    
<form>
    <ul style="list-style-type:none;">

<li ><label type="text" for="nome">Nome:</label>
<input type="text"aria-required="true" id="nome"></li>
<br>
<li><label type="email" for="email">E-mail:</label>
<input type="email" id="email"></li>
<br>
<li><label type="text" for="idade">Idade:</label> 
<input type="number" id="idade"><li>
<br>
<li><button type="submit" id="botao">Enviar</button></li>
    </ul>
</form>

<script type="text/javascript" src="inscricao.js"></script>
</body>


</html>
Fonte Link

Array não adiciona um dado no último elemento através do método push em uma função click

Array não adiciona um dado no formulário no último elemento através do método push em uma função click.

Fiz algumas pesquisas, mas não encontrei uma resposta significativa. A dúvida é de iniciante, criei um pequeno formulário em HTML, a ideia era pegar os dados digitados e enviar para um objeto e guardar os dados através de um array com um evento click, o array pegaria estes dados através do método push().

Com o código abaico, os dados não deveriam ser adicionados a cada click no último elemento do array? Os dados estão sendo adicionados sempre no primeiro elemento sobrescrevendo o dado anterior.

Segue o código em JS:

let botao = document.getElementById('botao')
botao.addEventListener('click', guardar)
let nome = document.getElementById('nome')
let idade = document.getElementById('idade')
let email = document.getElementById('email')

let cadastro = []

function guardar() {
    let pessoa = {
        nomeCliente: nome.value,
        emailCliente: email.value,
        idadeClient: idade.value    
    }
    cadastro.push(pessoa.nomeCliente)    
 }