7.JS實現網頁端猜數字小遊戲

題目描述

電腦產生一個0到100之間的隨機數字,並且要求用戶來猜,如果用戶猜的數字比這個數字大,電腦會提示“太大”,否則會提示“太小”,當用戶正好猜中,電腦會提示“恭喜你猜對了,這個數是…”。在用戶每次猜測之後,程序會輸出用戶第幾次猜測。如果用戶輸入的根本不是一個數字,程序會告訴用戶輸入無效

代碼實現

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>猜數字小遊戲</title>
        <script type="text/javascript">
        var Random = Math.floor(Math.random()*101)
        alert("猜測一個0到100之間的整數")
        for (var i = 1; ; i++ ) {
            var val = prompt("第"+i+"次猜,請輸入一個整形數字")
            if (isNaN(val) || val > 100 || val < 0) {
                alert("輸入無效,請輸入一個0到100之間的整數。")
            } else {
                if (val < Random) {
                    alert("太小了,請再猜一次。")
                } else if (val > Random) {
                    alert("太大了,請再猜一次。")
                } else if (val == Random) {
                    alert("恭喜你猜對了,這個數是"+val)
                    break
                }
            }
        }
        </script>
    </head>
    <body>

    </body>
</html>

這種小玩意不需要css渲染,把js在html裏直接寫就比較方便了,思路也沒有什麼可以說的,直接看效果吧。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章