HTML`products.sort()`函数不起作用?

时间:2017-01-10 10:19:16

标签: javascript html button onclick

基本上我正在尝试这样做,所以我的变量按字母顺序排序。事情就是我的变量中有很多单词。

<button type="button" onclick="func1()">Alphabetize!</button>
var products = ['Printer', 'Tablet', 'Router', 'Computer', 'Laptop', 'Phone', 'TV'];
document.getElementById('varproducts').innerHTML = products;
function func1() {
  products.sort();
  document.getElementById('varproducts').innerHTML = products;
}

问题在于,当我点击&#34; Alphabetize&#34;按钮它会改变单词的顺序但不按字母顺序排列。我得到的结果是:

"Phone,Computer,Laptop,Printer,Router,TV,Tablets."

我的代码工作得很好,但我做得稍短,现在它不会按字母顺序打印出来。请帮忙。

1 个答案:

答案 0 :(得分:1)

正如评论中提到的,您的代码中存在拼写错误:

    <button type = "button"
    onclick = "func1()">
    Alphabetize!</button>
    <script>
    // var products not varproducts
    var products= ["Printer","Tablet","Router","Computer","Laptop","Phone","TV"];
    document.getElementById("varproducts").innerHTML = products;
    function func1() {
      // products.sort() not varproducts.sort()
      products.sort(); document.getElementById("varproducts").innerHTML = products; 
    }
</script>

varproducts是您的 div元素ID products是使用关键字var

声明的 javascript变量