《javascript猜数字游戏_js猜数小游戏》

在开发JavaScript猜数字游戏时，解决方案主要是利用JavaScript的随机数生成函数来确定一个目标数字，然后通过用户输入并判断输入值与目标数字的关系（大、小或相等），给予用户相应的提示，直到用户猜中为止。

思路一：简单命令行式猜数字

html
</p>



    <title>猜数字游戏</title>


    
        // 生成1到100之间的随机整数作为目标数字
        let targetNumber = Math.floor(Math.random() * 100) + 1;
        let guess = null;

        while (guess !== targetNumber) {
            guess = parseInt(prompt("请输入你猜的1 - 100之间的数字"));

            if (isNaN(guess)) {
                alert('请输入有效的数字');
            } else if (guess  targetNumber) {
                alert('太大了');
            }
        }

        alert('恭喜你，猜对了！');
    



<p>``<code>
这个简单的例子中，使用Math.random()和Math.floor()组合来生成目标数字。prompt()用于获取用户输入，alert()`给出提示信息。当用户猜中时跳出循环，并显示祝贺信息。

思路二：带有界面交互的猜数字游戏

```html




    猜数字游戏
    
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        #result {
            margin-top: 20px;
            font-size: 20px;
            color: red;
        }
    


    猜数字游戏
    猜一个1 - 100之间的数字：
    
    
    

    
        let targetNumber = Math.floor(Math.random() * 100) + 1;
        let attempts = 0;

        function checkGuess() {
            attempts++;
            let userGuess = document.getElementById('userGuess').value;
            let resultDiv = document.getElementById('result');

            if (isNaN(userGuess)) {
                resultDiv.innerHTML = '请输入有效的数字';
            } else if (parseInt(userGuess)  targetNumber) {
                resultDiv.innerHTML = '太大了';
            } else {
                resultDiv.innerHTML = `恭喜你，猜对了！你总共猜了${attempts}次`;
            }
        }