【JS演算法題】簡單經典陣列練手題，含答案~

1.猜數字游戲，有一個0-100亂數 玩家有5次輸入的機會猜，每次猜一次，都要將結果告訴玩家是小了，還是大了，如果在5次機會內猜中，輸出“聰明”，程式結束，如果5次機會用完 程式直接結束，

<script>
        var num = parseInt(Math.random()*101)//定義一個亂數
        document.writeln(num)
        for(var i = 1 ;i <=5;i++){
            var guess = parseInt(prompt("please input a number : "))
            if(guess == num){
                alert("good! you are right!")
                break;
            }else if(guess>num){
                alert("too big")
            }else{
                alert("too small")
            }
            if(i==5){
                alert("sorry, game over !")
            }
        }
    </script>

2.有一個4個長度的陣列，每個位置裝有0-9之間的亂數字，有10次輸入的機會來猜每個位置的上的數是什么，每次猜完4個數字以后都要給出提示，正確幾個 錯誤幾個，只有位置和數字完全正確才算正確，其他情況全視為錯誤，

<script>
        var arr = []
        var guess = []
        var num = 0
        //產生四個0-9的亂數
        for (var i = 0; i < 4; i++) {
            arr[i] = parseInt(Math.random() * 10)
        }
        document.write(arr)
        for (var i = 0; i < 10; i++) {
            for (var j = 0; j < 4; j++){
                guess[j] = parseInt(prompt(`請輸入您猜測的第${j+1}個資料`))
                if(guess[j]==arr[j]) num++
            }
            alert("您猜對了" + num + "個，猜錯了" + (4-num) +"個")
        }
    </script>

3. 根據雙色球搖獎規則，產生6個紅球1個藍球；紅球范圍1-33， 藍球范圍1-16. 紅球不能有重復的產生，思路：每次產生一個隨機球，存入陣列中，下一次產生的隨機球，要和陣列中的進行比較，如果有相等的，則重新產生一個號（回圈變數要減1），反之繼續存入陣列；直到產生6個球；藍球單獨產生；最后輸出所有球，

運行效果圖（數字是隨機的）：

css代碼：

<style>
        .red {
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            background-color: red;
            float: left;
            border-radius: 50%;
            color: white;
            margin-right: 2px;
        }

        .blue {
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 25px;
            background-color: blue;
            float: left;
            border-radius: 50%;
            color: white;
            margin-right: 2px;
        }
    </style>

js代碼：

<script>
        //產生紅球
        var arr = []
        var str = ""
        for (var i = 0; i < 6; i++) {
            arr[i] = parseInt(Math.random() * 33 + 1)
            if (i >= 1) {
                for (var j = i - 1; j >= 0; j--) {
                    if (arr[j] == arr[i]) {
                        i--
                    }
                }
            }
        }
        document.write(arr + "<br>")

        //產生藍球
        arr.push(parseInt(Math.random() * 16 + 1))

        for (var k = 0; k < arr.length; k++) {
            if (k == arr.length - 1) {
                str += "<div class = 'blue'>"
                str += arr[k]
                str += "</div>"
            } else {
                str += "<div class = 'red'>"
                str += arr[k]
                str += "</div>"
            }
        }
        document.write(str)
    </script>