Как добавить 2 функции onclick

<!DOCTYPE html>
<html>
<body>

<h1>A452 Question 2 - Arrays</h1>

<p>Array of Products:</p>
<p id="prod"></p>
<p id="prod2"></p>
<p id="prod3"></p>
<p id="text1"></p>
<p id="text2"></p>

<script>
var products = ["Printer","Tablet","Router","Keyboard","Monitor","Mouse"];
document.getElementById("prod").innerHTML = products
</script>

<button type = "button" onclick = "document.getElementById('prod2').innerHTML = products.sort();">
Turn list in alphabetical order!</button>

<button type = "button" onclick = "document.getElementById('prod3').innerHTML = products.length;">
Count the number of items in the list!</button>

</body>
</html>

Как добавить строку текста перед каждым событием onclick.
Например, выход для второй кнопки «6», в то время как я хочу, чтобы это было «количество элементов в списке: 6»

2 ответа

  1. Вы можете просто объединить строку:

    <button type = "button" onclick = "document.getElementById('prod3').innerHTML = 'the number of items in the list is: ' + products.length;">Count the number of items in the list!</button>
    
  2. Hello поместите текст между ‘text’ и после add + .
    вроде этого:

    <button type = "button" onclick = "document.getElementById('prod3').innerHTML = 'the number of items in the list is: ' + products.length;">