JavaScript中的函数，不知道实际效果如何

Question

我需要创建一个页面 HTML，其中有一个问题“你家有多少人？”并且有一个按钮。当我单击该按钮时，需要出现提示并询问“家庭成员的姓名”。当你输入它时，需要出现另一个提示询问年龄。最后，它会打印出你在编号列表中写下的人的年龄和姓名。问题是我必须在两个不同的函数中执行此操作，一个是打印您在提示中写的内容，另一个函数只需要为这些函数工作。我的提示很好用，但我不知道如何处理另一个提示。有人可以帮忙吗？

这是我所做的：

"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>

JavaScript中的函数，不知道实际效果如何

Function in JavaScript, don't know how it really works

html

javascript

dom-events