A maioria dos programas necessitam de um input do usuário, principalmente quando estamos a falar de uma página web. Por essa razão vou mostrar-vos o comando mais trivial utilizado para obter o input do utilizador.
Este "prompt" é muito simples. Sendo até possível colocá-lo dentro de uma variável, para armazenar o valor obtido.
Exemplo de um prompt dentro de uma variável
É importante referir que tanto a frase que colocamos dentro do prompt para guiar o utilizador, como a caixinha onde o mesmo pode escrever, aparecem em pop-up (todos sabemos como os utilizadores odeiam pop-ups).
Fluxogramas e Prompt são dois conceitos essenciais para todos que queiram aprender programação, nomeadamente na linguagem de Javascript.
Primeiro, os fluxogramas, essencialmente estruturas esquemáticas, representam não um só um excelente método de simplificação do nosso raciocínio lógico, como também uma mais valia no que toca à comunicação entre programadores. No entanto, apesar de benéfico, este é um conceito bastante complexo, não só pela escrita pictográfica que detêm, a qual é composta por múltiplos símbolos cada um com o seu uso e função, como também pela própria dificuldade que os iniciados na matéria tendem a ter, na transcrição de raciocínio lógico para fluxograma.
Como tal, segue-se aqui uma hiperligação de uma página web em Google Sites, feita por mim, que não só possui imagens esclarecedoras, exemplos e algum texto (que abrangem o capítulo 2 do guia Head First da O'Reilly), como também, possui a teoria por detrás deste conceito, que foi estudada ao longo deste ano letivo:
Por outro lado temos o conceito do prompt que, por ser uma função que serve como meio de entrada de informações no nosso sistema, acaba por surgir muito associada a um tipo de informação: input. Input e output (o seu contrário), representam os dois conceitos chave na interação entre software e utilizador, sendo portanto de grande importância.
O prompt é uma função bastante semelhante à alert, sendo chamada através do código prompt() e, interagindo com o utilizador através de caixas pop-up. No entanto, apesar das semelhanças, a função prompt é de uma complexidade maior, porque possui 2 parâmetros diferentes ao invés de 1, no caso da função alert. Desta forma, prompt() acaba por ser, tal como a função alert, uma função importantíssima na comunicação com o utilizador.
Assim, segue-se aqui outra hiperligação de uma página web em Google Sites, também feita por mim, que abrange não só os conceitos de input e output, como também o funcionamento da função prompt, contendo imagens, texto e até vídeo, todos relativos à matéria em questão.
Se dispuserem de algum tempo livre, e de alguma curiosidade extra sobre este assunto, recomendo a visualização de um vídeo explicativo que aborda, de forma detalhada, todos os conceitos abordados neste post, produzido por mim e publicado na plataforma Youtube:
Aproveito também para recomendar, aos mais interessados, a visualização do site completo, feito pelos alunos de Aplicações Informáticas B das turma 12 2ª e 12 4ª, que abrange as bases da linguagem Javascript, ensinando de forma clara e rápida os conceitos que necessitas de saber para programar nesta linguagem.
Em Javascript, a função prompt é utilizada para receber input do usuário: permite a exibição de uma caixa de diálogo com a string definida e fornece um espaço para o usuário escrever uma resposta. A estrutura básica desta caixa de diálogo é:
Campo de input, no qual o usuário insere algum valor;
Botão OK;
Botão Cancelar
Após a caixa de diálogo ser exibida, o usuário só poderá aceder à página depois desta desaparecer, isto é, após inserir um valor ou clicar em "cancelar". Se o usuário clicar em "OK" o que foi digitado no campo de input é convertido em valor, caso o usuário cancele a caixa de diálogo ou não escreva nada no campo de input o valor retornará null.
A estrutura da função prompt é a seguinte:
var person = prompt("string a ser exibida", "valor de input predefinido");
