1

Sendo novato em JS estou tentando concatenar o valor de um input a um valor aleatório que gerei, como se ao digitar o nome fosse gerado um nome de usuário randômico para a pessoa, pensei em salvar o nome numa função e então concatenar ambas, o problema é que não sei direito como fazer uma função que salve o valor digitado. Alguém disposto a dar uma luz?

Aqui vão as funções que tenho até agora, sendo function receber_nome() a que não consigo montar a lógica.

            function receber_nome()
        {

        }

        function gerar_string_aleatoria( tam, charset )
        {
            var serial = "";

            for( var i = 0; i < tam; i++ )
                serial += charset.charAt( Math.floor(Math.random() * charset.length) );

            return serial;
        }


        function gerar_serial()
        {
            return receber_nome() + gerar_string_aleatoria( 4, "0123456789" );
        }   
3
  • Não precisa de uma função par pegar o nome, basta pegar o valor de um input por exemplo em que a pessoa digitou o nome e concatenar com o valor gerado.
    – LeAndrade
    31/07/2018 às 19:31
  • @LeAndrade, vc diz usando um GetElementById no caso? 31/07/2018 às 19:40
  • Isto mesmo Natã.
    – LeAndrade
    31/07/2018 às 19:45

3 Respostas 3

1

Natã vou postar uma maneira bem simples de vc entender já que vc disse que não conhece muito de Javascript, pois as respostas dadas podem te confundir um pouco.

function gerar_string_aleatoria( tam, charset ){
   var serial = "";

   for( var i = 0; i < tam; i++ ){
       serial += charset.charAt( Math.floor(Math.random() * charset.length));   
    }
    return serial; 
}

function gerar_serial(){
  var nome = document.getElementById('nome').value; // pega o valor do input
  var p = document.getElementById('p'); // pega a tag p
  
  p.innerText = nome+ " - chave: "+ gerar_string_aleatoria( 4, "0123456789")+"\n"+ nome+" - chave: "+ gerar_string_aleatoria( 4, "0123456789"); 
  // escreve o resultado dentro da tag p
}
<input id="nome" type="text" onblur="gerar_serial()">
<p id="p"></p>

5
  • Estava voltando e mexer nesse projeto e gostaria de saber como faço para inserir um looping de repetição nessa função gerar_serial. Por exemplo, gerar duas chaves. Tem como? Obrigado e desculpa incomodar novamente 13/08/2018 às 14:47
  • Gerar duas chaves onde Natã, para a mesma pessoa?
    – LeAndrade
    13/08/2018 às 15:52
  • Isto, sair algo como "Natã - chave: 0266; Natã - chave: 0148" 13/08/2018 às 16:53
  • Editei a resposta.
    – LeAndrade
    13/08/2018 às 17:37
  • 1
    Obrigado, eu n tinha pensado nisso. Estava tentando colocar um for mas nunca me acertava hahaha 13/08/2018 às 17:39
0

Umas as coisas que tem que ter em mente é se acostumar a programar em inglês, entende.

const serialGenetator = (parameters) => {
    let { name: n, size: t, characters: c } = parameters, s = "";
    for(let i = 0; i < t; i++) 
      s += c.charAt(Math.floor(Math.random() * c.length));
    return n + s;
}

console.log(serialGenetator({
    name: "Douglas", //document.querySelector("element").value
    size: 10,
    characters: "0123456789"
}));

12
  • 2
    Não entendi qual é a relação do "programar em inglês". 31/07/2018 às 19:55
  • 1
    O motivo mais importante: inglês é o idioma internacional para código (e para documentações). Mais especificamente, o inglês americano é o padrão. Eu trabalho em uma empresa australiana e embora a Austrália siga a gramática britânica, o código que escrevemos segue a gramática americana (exemplo: “color” e não “colour”). Então se esse é o padrão mundial, por que não segui-lo? Se você pretende um dia trabalhar fora do Brasil, potenciais empresas querendo te contratar vão querer ver seu código, mas não irão entender se estes estiverem em português. 31/07/2018 às 20:02
  • 1
    Sua resposta não responde a dúvida do colega também, visto que o que a dúvida dele é de como obter o valor do nome do usuário vindo do input, você simplesmente enviou um valor fixo no console.log 31/07/2018 às 20:28
  • 2
    Caro Douglas, eu entendo a ótima intenção sobre programar com saber um pouco de inglês, eu concordo muito com boa parte disso, mas o foco do site é responder o problema da pergunta, vc postou o código, ótimo, agora poste uma explicação sobre o código, ai sua resposta será excelente provavelmente (se correta é claro), e sobre estudar ou não inglês caberia melhor como comentário (algo que vc ainda não pode fazer mas em breve poderá). Então por favor edite a resposta.
    – Syzoth
    31/07/2018 às 20:37
  • 1
    Complementando o que o @GuilhermeNascimento, o fato de termos um Stack Overflow em português é justamente atender os lusófonos. Se a pessoa precisasse depender do inglês (eu sei que ajuda, mas a idéia é não depender dele) bastaria o Stack Overflow original. Nosso papel aqui é justamente prover conteúdo para fazer essa ponte.
    – Largato
    31/07/2018 às 20:39
-1
const input = document.getElementById("seu-input");

function gerar_string_aleatoria( tam, charset ) {
  var serial = "";

  for( var i = 0; i < tam; i++ )
    serial += charset.charAt( Math.floor(Math.random() * charset.length) );

  return serial;
}


function gerar_serial(nome) {
  return nome + gerar_string_aleatoria( 4, "0123456789" );
}   

input.addEventListener('keydown', function(e) {
    if(e.keyCode !== 13) return;
    console.log(gerar_serial(e.target.value))
})
1
  • A função está definida como gerar_serial e você está chamando como gerarSerial: ReferenceError. 31/07/2018 às 20:29

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .