JavaScript中的Function，不知道具體是怎么工作的

Question

我需要創建一個頁面 HTML ，其中有一個問題“您的家庭有多少成員？” 並且有一個按鈕。 當我單擊按鈕時，需要出現一個提示並詢問“家庭成員的姓名”。 當你輸入它時，需要出現另一個提示，詢問年齡。 最后，它會在編號列表中打印您所寫的人的年齡和姓名。 問題是我必須在兩個不同的功能中執行此操作，一個打印您在提示中寫的內容，下一個 function 只需要為這些功能工作。 我的提示運行良好，但我不知道如何處理另一個提示。 有人可以幫忙嗎？

這是我所做的：

 "use strict" function newPersonAndAge(personId, newTextElement) { } function addNewPerson() { let item = prompt("Enter the name of a member of your family"); let price = prompt("Enter their age"); }

 <h1>Family</h1> <h3>How many members are on your family?</h3> <ul id="members"> </ul> <button onclick="addNewPerson()">Add Member </button>

Answer 1

只需從addNewPerson方法調用方法newPersonAndAge

 "use strict" function newPersonAndAge(name, age){ const list = document.getElementById("members"); const listElement = document.createElement("li"); listElement.innerText = name + " with age " + age; list.appendChild(listElement); } function addNewPerson(){ let name = prompt("Enter the name of a member of your family"); let age = prompt("Enter their age"); newPersonAndAge(name, age); }

 <h3>How many members are on your family?</h3> <ul id="members"> </ul> <button onclick="addNewPerson()">Add Member </button>