Question

我对JavaScript比较陌生，我似乎无法弄清楚如何在HTML格式的文本字段中输出文本。我已经看了很多解决方案，虽然我非常接近（我想我是），但我还是无法让它正常运行。

我试图通过用＆＃34;分隔它们来对一系列数字进行排序。＆＃34;并希望通过升序或降序在底部文本字段中显示结果。通过按下按钮对其进行排序来完成操作。

当尝试调试它时，似乎正在为变量分配它们应该的值，但变量＆＃34;输出＆＃34;只是不会出现在＆＃34;排序号码＆＃34;文本域。我的代码不完整，因为在我按降序添加之前，我只是试图按升序进行测试。

这是我的代码......

<!DOCTYPE html>
<html>
<head>
    <meta charset = "UTF-8">
    <title>Sorting Numbers</title>
</head>
<body>


        Enter Numbers Here: <input type = "text" id = "numInput"><br><br>
        Select Option:      <select id = "menu">
                                <option value = "ascending">Ascending</option>
                                <option value = "descending">Descending</option>
                            </select><br><br>
        Sorted Numbers: <input type = "text" id = "numOut"><br><br>
        <button onclick = "sortNums()">Sort Numbers</button>


    <script type = "text/javascript">
        function sortNums() {
            var choice = document.getElementById("menu");
            var numbers = document.getElementById("numInput").value;
            var output = document.getElementById("numOut").value;

            if(choice.value = "ascending") {
                arr  = numbers.split('; ').sort().join('; ');
                output = arr;
            }

        }
    </script>
</body>
</html>

Answer 1

因为您之后从未向其分配output：

if(choice.value = "ascending") {
    arr  = numbers.split('; ').sort().join('; ');
    output = arr;
    document.getElementById("numOut").value = output; 
}

如何使用javascript在文本字段中显示文本？

1 个答案: