如何编程按钮以显示数组的长度？ （在javascript中）

Question

<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>

var products = ["Printer", "Tablet", "Router", "Graphics Card","Cooling Fan"];
function lengthArray() {
    products.length();
    document.getElementById("quant").innerHTML = products.length();
}

您好！ 我需要在javascript中编写一个按钮，可以在单击按钮时显示数组的长度。上面的代码是我尝试解决此任务的失败，因为单击所述按钮时没有任何反应。 编辑：谢谢大家帮帮我！

Answer 1

使用products.length代替products.length()获取数组的长度

var products = ["Printer", "Tablet", "Router", "Graphics Card","Cooling Fan"];
function lengthArray() {
    document.getElementById("quant").innerHTML = products.length;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>

Answer 2

将您的代码更改为：

function lengthArray() {
     document.getElementById("quant").innerHTML = products.length; <<-- Remove "()"
}

因为长度不是函数。这是一个属性：）

Answer 3

<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>


var products = ["Printer", "Tablet", "Router", "Graphics Card","Cooling Fan"];
function lengthArray() {
    document.getElementById("quant").innerHTML = products.length;
}

Answer 4

长度后删除括号 - 要获得数组的长度，您必须使用length而不是length()

这就是你的代码应该是什么样子

document.getElementById("quant").innerHTML = products.length;

并添加一个按钮来运行该功能

<button onclick="lengthArray()">Button</button>

或者您可以通过添加文字来点击

来使用您的段落

<p id="quant" onclick="lengthArray()">now visible</p>

希望它有所帮助！ ^^

Answer 5

试试这个：

var products = ["Printer", "Tablet", "Router", "Graphics Card", "Cooling Fan"];

function lengthArray() {
  console.log(products.length);
}

<button onclick="lengthArray()">Item Quantity</button>
<p id="quant"></p>