Dieses Spiel ist auf zwei Punkte ausgelegt:
Erstens der Sieg oder die Niederlageoperation
Weil Steinschere zyklisch sind
Steinkillschere
Schere und Stoff töten
Steinkill
Steinkillschere
. . .
Finden Sie die Regeln auf der Grundlage der oben genannten Eigenschaften heraus und schreiben Sie den Algorithmus auf.
Lassen Sie den Computer zufällig
Dies ist relativ einfach. Ich habe schon einmal einen Artikel geschrieben. Wenn Sie nicht verstehen, können Sie sich die Kinderschuhe ansehen.
Zufälliger Bildschirmwisch
Tatsächlich ist dieser Effekt nicht der Schlüssel zum Spiel, aber ich habe ihn hinzugefügt, um interaktiver und unterhaltsamer auszusehen. Hier wird ein Modulalgorithmus verwendet, und der Effekt kann durch Schleifen gemäß dem Rest erreicht werden.
Schnittstellen -Screenshot
Schließlich wird der Code hinzugefügt
<! DocType html> <html> <head> <meta charset = "utf -8"/> <title> JS 'Scissor Cloth Game - Qiongtai Blog </title> <style type = "text/css"> div {margin: 20px auto; padding: 10px; #999; width: 200px; Hintergrund: #ffe;} div#cu {font-weight: fett; Schriftgröße: 30px; Höhe: 40px; Farbe: rot;} div#la {Border: Keine; null, time = 20, du = 0, arr = new Array ('stone', 'rag', 'scissor'); Funktion p (n) {du = du = n; document.getElementById ('du'). Innerhtml = s (n); document.getElementById ('st'). Disabled = true; document.getElementById ('mb'). Disabled = true; document.getElementById ('Jz'). Disabled = true; document.GetelementByid ('cu'). setInterval ('t ()', 50);} function agin () {document.getElementById ('ST'). Disabled = false; document.getElementById ('mb'). Disabled = false; document.getElementById ('jz'). disabled = false; document.getelementById ('la'). style.disspiel = 'keine'; document.getElementById ('du'). innerHtml = ''; document.getElementById ('pc'). InnerHtml = ''; document.getElementById ('cu'). Innerhtml = ''; Math.floor (math.random () * 3 +1); document.getElementById ('pc'). InnerHtml = s (pc); var str = ''; if (pc == du) {str += 'frap';} else {var b = pc-you; if (b> 0) {if (b == 1) {st += 'computer'; Win ';}} else {b = b*-1; if (b == 1) {str +=' du win ';} else {str +=' computer win ';}}} document.getElementById (' la '). t () {if (time> 0) {document.getElementById ('pc'). InnerHtml = arr [time%3]; Zeit-;} else {clearInterval (se); se = null; time = 20; 'scissor';}} </script> </head> <body> <div> <p> Was hast du herausgekommen? <span id = "You"> Bitte wählen Sie </span> </p> <p> <button id = "st" onclick = "p (1);"> Stein </button> </p> <p> <button id = "mb" onclick = "p (2); Onclick = "P (3);"> Schere </button> </p> </div> <div> <p> Computer raus? </p> <span style = "" id = "pc"> </span> </div> <div id = "cu"> </div> <div id = "la"> <button id = "agin" onclick = "agin ()"> mach es erneut </button> </div> </body> </html> "