Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

vinitf

Lista de com número de elementos pela escolha do usuário

Por , em Javascript

Recommended Posts

vinitf    0

vinitf
Postado

Bom dia, quero gerar através de um input uma forma de que o usuário possa escolher a quantidade de elementos que ele quer na lista (de 0 a 1000 elementos), e ao clicar no botão "gerar", a lista apareça com números aleatórios, mas com a quantidade de números de acordo com a escolha dele.  

<html>
<input id="quantidadeElementos" />
<button onclick="myFunction()">Gerar</button>
<p id="gerar"></p>
</html>
<script>
var lista = [];
for (var i = 0, max =1000; i < max; i++) {
  lista.push(parseInt(Math.random() * 100));
}
function myFunction() {
    document.getElementById("gerar").innerHTML = lista;
}
document.getElementById("botão").addEventListener("click", myFunction);
</script>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 
<html>
<head>

</head>
<body>

  <input id="quantidadeElementos" />
  <button id="botao">Gerar</button>
  <p id="gerar"></p>

  <script>
  document.getElementById("botao").addEventListener("click", function() {
    var lista = [];
    var max = document.getElementById("quantidadeElementos").value || 10;
    for (var i = 0; i < max; i++) {
      lista.push(parseInt(Math.random() * 100));
    }
    document.getElementById("gerar").innerHTML = lista;
  });
  </script>

</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

vinitf    0

vinitf
Postado

Ainda não funcionou, o que pode ser?

 

O que eu quero é que o usuário possa escolher quantos elementos vão estar na lista, o que você colocou gera uma lista de 10 elementos. 

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tinha alguns erros que eu não havia notado antes.

Use assim: 

<html>
<head>
</head>
<body>
  <input id="quantidadeElementos" />
  <button id="botao">Gerar</button>
  <p id="gerar"></p>
  <script>
  document.getElementById("botao").addEventListener("click", function() {
    var lista = [];
    var max = document.getElementById("quantidadeElementos").value || 10;
    for (var i = 0; i < max; i++) {
      lista.push(parseInt(Math.random() * 100));
    }
    document.getElementById("gerar").innerHTML = lista;
  });
  </script>
</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript

  • Conteúdo Similar

    • luigiferrari
      Vetor dentro de outro vetor?! Alguém tem alguma ideia, de como seguir?
      Por luigiferrari
      Gostaria de fazer um programa onde o usuário digitaria o tamanho de conjuntos e quantas linhas possui os conjuntos, exemplo:

      Seguindo, o programa perguntaria qual conjunto o usuário quer adicionar o valor, e então o valor seria adicionado nas linhas, e qnd cheio, seria o FIFO.
      Mas minhas principais duvidas seriam:
      1- Como eu crio um vetor dentro de outro (não necessariamente precisa ser um vetor, aceito sugestões de como fazer isso)
      2- Caso eu faça com o vetor, teria que gerar x vetores, por exemplo, caso o usuário colocasse em "qts conjuntos: 5" teria que criar 5 conjuntos(vetores) diferentes. Como faço isso?!
      Lembrando aceito qualquer sugestão, estou fazendo em C# mas tbm entendo de Python e PHP caso tenha alguma ideia.
    • joaoluizbt
      Como alterar a forma de exibição do conteúdo de um campo?
      Por joaoluizbt
      Eu tenho um campo com vários itens separados por vírgula,

      Qtd
      UM
      Descrição
                     1,2                                 
                 caneta,papel          
      mas preciso que eles sejam exibidos no formulário um embaixo do outro.

      Qtd
      UM
      Descrição
           1 2                                 
      caneta
      papel          
      Existe alguma forma de fazer isso só com html?
       
      o meu código apenas aponta para o campo e a informação já vem assim separada com vírgula. Como alterar?
       
      <td style="width: 10.58%; padding: .75pt .75pt .75pt .75pt;" width="10%">
      <p class="MsoNormal">            {{db.field123}}           </p>
      </td>
       
    • Hulkstar
      Lista de usuário conectados socketio.
      Por Hulkstar
      Opa pessoal,tudo bem,estou tentado emitir uma lista de usuários conectados pelo socketio,porém eu até consegui,porém consegui apenas passando um object,que no caso seria o id do usuário,eu queria passar o id e o nickname do usuário,já fiz algumas tentativas,porém sem sucesso,se alguém poder me dar uma ajuda nessa parte,é a unica coisa que está faltando para meu projeto ficar pronto.
      var users = []; io.on("connection", function(socket){ console.log("User connected: ", socket.id); socket.on("user_connected", function(username){ socket.username = username; users[username] = socket.id; io.sockets.emit("user_connected", Object.keys(users)); }); }); function enterName(){ io.emit("user_connected", idUser); return false; } io.on("user_connected", function(users){ $("#lista_usuarios").empty(); $.each(users, function(indice){ opcao_usuario = ""+users[indice]+"<br />"; $("#lista_usuarios").append(opcao_usuario); }); }); Obrigado!
    • helkton
      como criar uma listagem de de mesas ou produtos
      Por helkton
      oi galera, como criar uma listagem de mesas disponíveis ou produtos cadastrados pra uma lanchonete e restaurante
       
      tipo esta imagem abaixo no caso é de um hotel, mais o esquema seria o mesmo, só mudando o ramo de atividade rsss
       

    • joaquim_bezzera
      Estrutura de Cadastro
      Por joaquim_bezzera
      Estou fazendo um trabalho para a faculdade criando uma estrutura de cadastro de uma corrida. Já consegui fazer grande parte mas não consigo resolver esses pontos. Alguém saberia resolver?

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito