Este jogo foi projetado para dois pontos:
Primeiro, a operação de vitória ou derrota
Porque a tesoura de pedra é cíclica
Mata de pedra Mate tesoura
Tesoura e matar pano
Matar de pedra
Mata de pedra Mate tesoura
. . .
Descubra as regras com base nas características acima e escreva o algoritmo.
Deixe o computador aleatoriamente
Isso é relativamente fácil. Eu escrevi um artigo antes. Se você não entende, pode dar uma olhada nos sapatos das crianças.
Deslize de tela aleatória
De fato, esse efeito não é a chave do jogo, mas eu o adicionei para parecer mais interativo e divertido. Um algoritmo de módulo é usado aqui e o efeito pode ser alcançado ao fazer o loop de acordo com o restante.
Screenshot de interface
Finalmente, o código é adicionado
<! DOCTYPE html> <html> <head> <meta charset = "utf -8"/> <title> Jogo de pano de tesoura de JS - Blog Qiongtai </title> <style type = "text/css"> div {margin: 20px Auto; encadeamento: 10px; #999; largura: 200px; fundo: #ffe;} div#cu {peso font-peso: negrito; tamanho da fonte: 30px; altura: 40px; cor: vermelha;} div#la {borda: nenhum; background: nenhum; exibir: nenhum;} span {cor: red; nulo, tempo = 20, você = 0, arr = new Array ('pedra', 'rag', 'tesoura'); função p (n) {you = N; setInterval ('t ()', 50);} function agin () {document.getElementById ('st'). desabilitado = false; document.getElementById ('mb'). desativado = false; document.getElementById ('jz') 'Nenhum'; document.getElementById ('you'). innerhtml = ''; document.getElementById ('pc'). innerhtml = ''; document.getElementById ('cu'). Math.floor (Math.Random () * 3 +1); document.getElementById ('pc'). INNERHTML = S (PC); var str = ''; if (pc == you) {str += 'trap';} mais {var = pc-you; if (b> 0) {se (b = 1) {{ Win ';}} else {b = b*-1; if (b == 1) {str +=' você ganha ';} else {str +=' Computer Win ';}}} document.getElementById (' la '). Style.display =' block '; document.getElementByid (' cu '). t () {if (tempo> 0) {document.getElementById ('pc'). inerhtml = arr [tempo%3]; tempo-;} else {clearInterval (se); se = null; tempo = 20; Bt ();}} função (n) {if (n == 1) {return ''; 'Scissor';}} </script> </ad Head> <body> <div> <p> O que você saiu? <span id = "you"> por favor selecione </span> </p> <p> <botão id = "st" onclick = "p (1);"> pedra </button> </p> <p> <button id = "mb" onclick = "p (2);"> trem </button> </p> <p> <butt = "jz" OnClick = "P (3);"> Scissor </botão> </p> </div> <div> <p> Computador fora? </p> <span style = "" id = "pc"> </span> </div> <div id = "cu"> </div> <div id = "la"> <button id = "agin" onclick = "agin ()"> faça novamente </button> </div> </body> </html> ">