Como fazer escolhas com se no seu jogo html5
Às vezes você vai precisar do seu código do jogo HTML5 para tomar decisões ou escolhas. Por exemplo, se alguém famoso digitado seu nome em seu site, você pode querer criar uma saudação para eles personalizado.
Conteúdo
Video: 8 ESCOLHAS DIFÍCEIS QUE NÃO MUDAM NADA
Como você pode ver, o programa olha para a entrada no comportamento caixa de texto e mudanças com base no valor do campo de texto.
O código é bastante semelhante ao código na hiUser página. A única diferença é a forma como a função é escrita. Aqui está o checkname () função chamada em ifElse.html:
funcionar checkname () // a partir ifElse.htmllblOutput = document.getElementById ("lblOutput") -txtInput = document.getElementById ("txtInput") -username = txtInput.value-se (nome == "Tim Berners-Lee") {= LblOutput.innerHTML "Agradecimentos para inventar HTML!"-} else {lblOutput.innerHTML = "Eu conheço você?"-} // fim do if} // função de finalAlterar a saudação do jogo com se
Esse código usa uma idéia importante chamado de condição dentro de uma construção de um chamado E se declaração. Aqui é o que está acontecendo:
Video: 5 ESCOLHAS QUE FERRAM COM TUDO!
Configurar a página web como de costume.
Video: FLAPPY BIRD 'NA UNHA' 04 - LÓGICA DO JOGO pt.01 (HTML5/CSS3/JS)
O código HTML tem elementos chamados lblOutput e txtInput. Ele também tem um botão que chama checkname () quando é clicado.
Criar variáveis para elementos da página importantes.
Você está recebendo dados de txtInput e alterando o código HTML em lblOutput, assim criar variáveis para estes dois elementos.
Obter userName a partir de txtInput.
Use o txtInput.value truque para obter o valor do elemento de entrada chamada txtInput e colocá-lo na variável userName.
Configurar uma condição.
A chave para este programa é um elemento especial chamado condição - uma expressão que pode ser avaliada como verdade ou falso. As condições são muitas vezes (como neste caso) comparações. Note-se que os iguais duplas assinar (==) É usado para representar a igualdade. Neste exemplo, esta pergunta se a userName variável é igual ao valor “Tim Berners-Lee”.
Coloque a condição em um E se estrutura.
o E se declaração é um de uma série de construções de programação que usam condições. Ele contém a palavra-chave E se seguido de uma condição (em parênteses). Se a condição for verdade, todo o código no seguinte conjunto de chaves é executado.
Escrever código para executar se a condição for verdade.
Criar um conjunto de chaves onduladas depois da condição. Qualquer código dentro destas chaves executa se a condição for verdade. Certifique-se de recuar seu código e usar a cinta squiggle direita (}) Para terminar o bloco de código. Neste exemplo, há uma saudação especial a Tim Berners-Lee.
construir um outro cláusula.
Você pode construir um E se declaração com um único bloco de código, mas muitas vezes você quer que o código para fazer outra coisa se a condição for falso. Use o outro construir para indicar que você terá um segundo bloco de código que só será executado se a condição for falso.
Escreva o código de acontecer quando a condição é falso.
O bloco de código após a outro cláusula executa somente se a condição for falsa. Neste exemplo em particular, há uma saudação para todos, exceto Tim Berners-Lee.
Os diferentes sabores de se em seu jogo
Se declarações são extremamente poderosos, e há uma série de variações. Você pode realmente ter um, dois, ou qualquer número de ramos. Você pode escrever código como este:
if (nome == "Tim Berners-Lee") {= LblOutput.innerHTML "Agradecimentos para inventar HTML"} // fim seCom essa estrutura, a saudação ocorre se userName é “Tim Berners-Lee” e nada acontece se o userName é qualquer outra coisa. Você também pode usar o if-else estrutura (esta é a forma usada no código real):
if (nome == "Tim Berners-Lee") {= LblOutput.innerHTML "Agradecimentos para inventar HTML!"-} else {lblOutput.innerHTML = "Eu conheço você?"-} // fim semais uma alternativa permite comparar como muitos resultados como desejar, adicionando novas condições:
if (nome == "Tim Berners-Lee") {= LblOutput.innerHTML "Agradecimentos para inventar HTML!"-} else if (username == "al Gore") {= LblOutput.innerHTML "Agradecimentos para inventar a Internet"-} else if (username == "Hakon Wium Lie") {= LblOutput.innerHTML "Agradecimentos para inventar CSS"-} else {lblOutput.innerHTML = "Eu conheço você?"-} // fim seoperadores condicionais
o == operador verifica para ver se dois valores são idênticos, mas, como mostra a Tabela 3-1, javascript suporta um certo número de outros operadores, bem.
| Operador | Significado |
|---|---|
| um b == | a é igual a b. |
| uma lt; b | a é menor do que b. |
| uma gt; b | a é maior do que b. |
| uma lt; = b | a é menor do que ou igual a b. |
| uma gt; = b | a é maior que ou igual a b. |
| um! = b | um não é igual a b. |
Se você está vindo de outra linguagem de programação como Java, C ++, ou PHP, você pode se perguntar como comparações de strings funcionam porque eles exigem operadores diferentes em línguas. javascript usa exatamente os mesmos operadores de comparação para tipos de dados, por isso não há necessidade de aprender diferentes operadores.