เกมนี้ออกแบบมาสองคะแนน:
ขั้นแรกการดำเนินการชัยชนะหรือความพ่ายแพ้
เพราะกรรไกรหินเป็นวัฏจักร
กรรไกรฆ่าหิน
กรรไกรและผ้าฆ่า
ฆ่าหิน
กรรไกรฆ่าหิน
- - -
ค้นหากฎตามลักษณะข้างต้นและเขียนอัลกอริทึม
ให้คอมพิวเตอร์สุ่ม
นี่ค่อนข้างง่าย ฉันเคยเขียนบทความมาก่อน หากคุณไม่เข้าใจคุณสามารถไปดูรองเท้าของเด็ก ๆ ได้
การปัดหน้าจอแบบสุ่ม
อันที่จริงเอฟเฟกต์นี้ไม่ได้เป็นกุญแจสำคัญในเกม แต่ฉันเพิ่มมันลงไปเพื่อดูการโต้ตอบและความสนุกสนานมากขึ้น อัลกอริทึมโมดูลัสใช้ที่นี่และสามารถทำได้โดยการวนรอบตามส่วนที่เหลือ
ภาพหน้าจออินเตอร์เฟส
ในที่สุดรหัสจะถูกเพิ่ม
<! doctype html> <html> <head> <meta charset = "utf -8"/> <title> เกมผ้ากรรไกรของ JS - บล็อก qiongtai </title> <style type = "css"> div {margin: 20px auto; padding: 10px; #999; Width: 200px; พื้นหลัง: #ffe;} div#cu {font-weight: bold; font-size: 30px; ความสูง: 40px; สี: สีแดง;} div#la {ชายแดน: ไม่มีพื้นหลัง: ไม่มี; null, time = 20, you = 0, arr = array ใหม่ ('stone', 'rag', 'scissor'); ฟังก์ชั่น p (n) {คุณ = n; document.getElementById ('you'). innerhtml = s (n); document.getElementById ('st'). disabled = true; document.getElementById ('mb'). disabled = true; document.getElementId ('jz') setInterval ('t ()', 50);} ฟังก์ชั่น agin () {document.getElementById ('st'). ปิดใช้งาน = false; document.getElementById ('mb'). disabled = false; document.getElementById ('jz') 'none'; document.getElementById ('you'). innerhtml = ''; document.getElementById ('PC'). innerhtml = ''; document.getElementById ('cu'). innerhtml = ' math.floor (math.random () * 3 +1); document.getElementById ('pc'). innerhtml = s (pc); var str = ''; ถ้า (pc == คุณ) {str += 'trap';}} {var b = pc-you; ถ้า (b> 0) win ';}} else {b = b*-1; ถ้า (b == 1) {str +=' คุณชนะ ';} else {str +=' คอมพิวเตอร์ win ';}}} document.getElementById (' la ') style.display =' block '; t () {ถ้า (เวลา> 0) {document.getElementById ('pc'). innerhtml = arr [เวลา%3]; เวลา-;} else {clearinterval (se); se = null; เวลา = 20; bt ();}} ฟังก์ชัน S (n) {ถ้า (n == 1) 'rag';} else {return 'scissor';}} </script> </head> <body> <div> <p> คุณออกมาอะไร? <span id = "คุณ"> โปรดเลือก </span> </p> <p> <ปุ่ม id = "st" onclick = "p (1);"> หิน </ปุ่ม> </p> <p> <ปุ่ม id = "mb" onclick = "p (2);" onclick = "p (3);"> scissor </ button> </p> </div> <div> <p> คอมพิวเตอร์? </p> <span style = "" id = "pc"> </span> </div> <div id = "cu"> </div> <div id = "la"> <button id = "agin" onclick = "agin ()"> ทำอีกครั้ง