JavaScript实现输入数字反转后弹窗显示结果的问题求助

嘿，你已经离成功只差一步啦！我看了你的代码，发现弹窗展示的问题主要来自一个小细节，调整一下就能正常工作了，另外还可以加个小优化提升体验：

问题1：反转结果前多了一个空格 #

你初始化var a = ' '的时候给了一个空格，这会导致反转后的字符串前面自动带上这个空格（比如输入123会弹出 321）。把初始值改成空字符串就可以解决：

var a = ''; // 去掉初始空格

问题2：可选优化：处理空输入的情况 #

如果用户没输入内容就点击按钮，弹窗会显示空内容，我们可以加个判断提示用户输入数字：

修改后的完整代码 #

JavaScript部分

function okreni () {
    var a = ''; // 修正初始值为空白字符串
    const s = document.getElementById("broj").value.toString();
    
    // 新增：判断输入是否为空
    if (!s) {
        window.alert("请先输入一个数字哦！");
        return;
    }

    for (var i = s.length - 1; i>=0; i--) {
        a += s[i];
    }
    window.alert(a); // 现在会正确显示反转后的数字啦
};

HTML部分（这部分你的代码没问题，直接用就行）

<body>
    <label for="broj">Unesite Broj:</label>
    <input type="number" name="broj" id="broj" value="">
    <div>
        <button value="okreni" onclick="okreni()">Okreni</button>
    </div>
</body>

测试一下 #

现在输入1234点击按钮，弹窗会显示4321；如果空输入点击按钮，会收到友好提示，完美解决你的需求！

内容的提问来源于stack exchange，提问作者Capser