Как запрограммировать кнопку для отображения длины массива? (В 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>