Ce jeu est conçu pour deux points:
Tout d'abord, l'opération de victoire ou de défaite
Parce que les ciseaux en pierre sont cycliques
Ciseaux de kill en pierre
Ciseaux et tissu tuer
Tuer de pierre
Ciseaux de kill en pierre
. . .
Découvrez les règles en fonction des caractéristiques ci-dessus et rédigez l'algorithme.
Laissez l'ordinateur au hasard
C'est relativement facile. J'ai déjà écrit un article. Si vous ne comprenez pas, vous pouvez aller jeter un œil aux chaussures des enfants.
Coup d'écran aléatoire
En fait, cet effet n'est pas la clé du jeu, mais je l'ai ajouté afin de paraître plus interactif et amusant. Un algorithme de module est utilisé ici, et l'effet peut être obtenu par boucle en fonction du reste.
Capture d'écran d'interface
Enfin, le code est ajouté
<! Doctype html> <html> <éadf> <meta charset = "utf-8" /> <tapie> Jeu de tissu de ciseaux de JS - Blog Qiongtai </Title> <style type = "Text / CSS"> Div {margin: 20px Auto; Padding: 10px; Border: 2px Solid Solid # 999; largeur: 200px; arrière-plan: #ffe;} div # cu {font-weight: bold; font-size: 30px; hauteur: 40px; couleur: rouge;} div # la {border: nul; background: Aucun; Affichage: Aucun;} span {couleur: rouge; font-weight: bold;} </yle null, time = 20, vous = 0, arr = new Array ('Stone', 'rag', 'scissor'); fonction p (n) {you = n; document.getElementByid ('vous'). innerHtml = s (n); document.getElementById ('st'). Disabled = true; document.getElementByid ('MB'). Disabled = true; Document.getElementByid ('jz'). Disabled = ' setInterval ('t ()', 50);} fonction agin () {document.getElementById ('st'). Disabled = false; document.getElementById ('MB'). Disabled = false; document.getElementyid ('jz'). Disabled = false; document.getElementByid ('la'). 'Aucun'; document.getElementById ('vous'). innerHtml = ''; document.getElementById ('pc'). innerhtml = ''; document.getElementById ('cu'). innerhtml = s'il vous plaît sélectionnez '; Math.floor (math.random () * 3 + 1); document.getElementById ('pc'). InnerHtml = s (pc); var str = ''; if (pc == vous) {str + = 'trap';} else {var b = pc-you; if (b> 0) {if (b == 1) {str + = 'ordinateur win'; Win ';}} else {b = b * -1; if (b == 1) {str + =' vous win ';} else {str + =' ordinateur win ';}}} document.getElementByid (' la '). Style.display =' block '; document.getElementyid (' cu '). t () {if (time> 0) {document.getElementById ('pc'). innerHtml = arr [time% 3]; time -;} else {ClearInterval (se); se = null; time = 20; bt ();}} fonction s (n) {if (n == 1) {return 'pierre';} else if (n == 2) {return '; 'Scissor';}} </script> </-head> <body> <div> <p> Qu'avez-vous sorti? <span id = "vous"> Veuillez sélectionner </span> </p> <p> <Button id = "st" onclick = "p (1);"> Stone </futton> </p> <p> <Button ID = "MB" OnClick = "P (2);"> Train </ Button> </p> <p> <Button ID = "JZ" onClick = "P (3);"> Scissor </futton> </p> </div> <div> <p> Ordinateur? </p> <span style = "" id = "pc"> </span> </ div> <div id = "cu"> </ div> <div id = "la"> <Button id = "agin" onclick = "agin ()"> Do Again </ Button> </div> </body> </ html>