JS實(shí)現(xiàn)猜拳游戲
本文實(shí)例為大家分享了JS實(shí)現(xiàn)猜拳游戲的具體代碼,供大家參考,具體內(nèi)容如下
一、簡(jiǎn)單版猜拳游戲編寫(xiě)一個(gè)用戶(hù)和計(jì)算機(jī)猜拳的游戲,用戶(hù)輸入剪刀、石頭或布,與計(jì)算機(jī)的出拳進(jìn)行比較,判斷勝負(fù)。
分析:
1、首先得用prompt()方法建立一個(gè)用戶(hù)輸入框;2、核心是用到Math.random()這個(gè)函數(shù),該函數(shù)的作用是取[0,1)之間的隨機(jī)數(shù),可以利用這個(gè)函數(shù)讓計(jì)算機(jī)隨機(jī)出拳;3、用if-else語(yǔ)句判斷會(huì)出現(xiàn)的各種結(jié)果并作出判定;
具體代碼如下:
/** * a是用戶(hù)輸入的內(nèi)容 * b是計(jì)算機(jī)的隨機(jī)內(nèi)容 */var a = prompt(’請(qǐng)輸入1:剪刀 2:石頭 3:布’);var b = Math.random();if (b < 0.3) { if (a == 1) {alert(’電腦出的剪刀,你出的剪刀,平手’); } else if (a == 2) {alert(’電腦出的剪刀,你出的石頭,你輸了’); } else {alert(’電腦出的剪刀,你出的布,你贏了’); }} else if (b < 0.6) { if (a == 1) {alert(’電腦出的石頭,你出的剪刀,你輸了’); } else if (a == 2) {alert(’電腦出的石頭,你出的石頭,平手’); } else {alert(’電腦出的石頭,你出的布,你贏了’); }} else { if (a == 1) {alert(’電腦出的布,你出的剪刀,你贏了’); } else if (a == 2) {alert(’電腦出的布,你出的石頭,你輸了’); } else {alert(’電腦出的布,你出的布,平手’); }}二、進(jìn)階版猜拳游戲
記錄系統(tǒng)和玩家的分?jǐn)?shù),獲勝者加1分,平局和輸者不計(jì)分
分析:
1、在原來(lái)代碼的基礎(chǔ)上需要再增加兩個(gè)變量,一個(gè)用來(lái)存儲(chǔ)用戶(hù)的總得分,另一個(gè)用來(lái)存儲(chǔ)計(jì)算機(jī)的總得分;2、需要用到for循環(huán)來(lái)限定對(duì)局次數(shù);3、得用alert()語(yǔ)句輸出結(jié)果得分情況;
具體代碼如下:
var sum=0;//人的分?jǐn)?shù)var snm=0;//電腦分?jǐn)?shù)for(var i=0;i<3;i++){ var a=prompt(’請(qǐng)輸入1、剪刀2、石頭3、布’); var b=Math.random(); if (b < 0.3) {if (a == 1) { alert(’電腦出的剪刀,你出的剪刀,平手’);} else if (a == 2) { snm++; alert(’電腦出的剪刀,你出的石頭,你輸了’);} else { sum++; alert(’電腦出的剪刀,你出的布,你贏了’);} } else if (b < 0.6) {if (a == 1) { snm++; alert(’電腦出的石頭,你出的剪刀,你輸了’);} else if (a == 2) { alert(’電腦出的石頭,你出的石頭,平手’);} else { sum++; alert(’電腦出的石頭,你出的布,你贏了’);} } else {if (a == 1) { sum++; alert(’電腦出的布,你出的剪刀,你贏了’);} else if (a == 2) { snm++; alert(’電腦出的布,你出的石頭,你輸了’);} else { alert(’電腦出的布,你出的布,平手’);} }}alert(’電腦’+snm +’你的分?jǐn)?shù)’+sum);
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. HTTP協(xié)議常用的請(qǐng)求頭和響應(yīng)頭響應(yīng)詳解說(shuō)明(學(xué)習(xí))2. CSS清除浮動(dòng)方法匯總3. HTML DOM setInterval和clearInterval方法案例詳解4. HTML5實(shí)戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)5. Vue如何使用ElementUI對(duì)表單元素進(jìn)行自定義校驗(yàn)及踩坑6. XML入門(mén)的常見(jiàn)問(wèn)題(三)7. XML在語(yǔ)音合成中的應(yīng)用8. jscript與vbscript 操作XML元素屬性的代碼9. HTML5 Canvas繪制圖形從入門(mén)到精通10. 不要在HTML中濫用div
