获取用户输入并添加到列表中

是一个常见的编程任务，可以通过以下步骤完成：

首先，需要在前端页面中创建一个输入框和一个按钮，用于用户输入和提交数据。
在前端页面中，使用JavaScript监听按钮的点击事件，当用户点击按钮时触发相应的函数。
在JavaScript函数中，获取用户在输入框中输入的内容。可以使用document.getElementById方法获取输入框元素，并使用.value属性获取输入的值。
创建一个空列表，用于存储用户输入的数据。
将用户输入的数据添加到列表中。可以使用JavaScript的push方法将数据添加到列表的末尾。
可以在前端页面中显示列表的内容，以便用户查看已添加的数据。可以使用innerHTML属性将列表的内容插入到页面的某个元素中。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>用户输入列表示例</title>
</head>
<body>
  <input type="text" id="inputText">
  <button onclick="addToList()">添加到列表</button>
  <ul id="list"></ul>

  <script>
    function addToList() {
      // 获取用户输入的内容
      var userInput = document.getElementById("inputText").value;

      // 创建一个空列表
      var list = [];

      // 将用户输入的内容添加到列表中
      list.push(userInput);

      // 在页面中显示列表的内容
      var listElement = document.getElementById("list");
      listElement.innerHTML += "<li>" + userInput + "</li>";
    }
  </script>
</body>
</html>

在这个示例中，用户在输入框中输入内容后，点击按钮会将输入的内容添加到列表中，并在页面中显示出来。这只是一个简单的示例，实际应用中可以根据需求进行扩展和优化。

腾讯云相关产品和产品介绍链接地址：