如何以列表格式存储和显示表单的值

Question

我希望在表格中输入的每个值都以列表格式存储和显示 <li>。

例如：如果有人在表单中输入"Thomas"，它将显示
.托马斯
然后，输入 "Sophia" 显示：
.托马斯
.索菲亚
等...

最好的方法是什么？这是我的 HTML 代码。

<input id="prenom" type="text">
<input id="bouton" type="button" value="récuperer">
<p id="message"></p>

和javascript

let prenom = document.getElementById("prenom");
let bouton = document.getElementById("bouton");
let message = document.getElementById("message");
function stocker(){
let valeur = prenom.value;
console.log(valeur);
 prenom.value = "";
  message.innerHTML += " "+valeur;
 }
bouton.addEventListener("click",stocker);

Answer 1

好像对我有用，试试吧。也许你需要更详细地描述你想要完成的事情，以便我理解:)

let prenom = document.getElementById("prenom");
let bouton = document.getElementById("bouton");
let messageParent = document.getElementById("parent");
function stocker(){
let valeur = prenom.value;
  console.log(valeur);
  //prenom.value = "";
  //message.innerHTML += " "+valeur;
  var p = document.createElement("p");
  p.innerHTML = valeur;
  messageParent.append(p); 
}
bouton.addEventListener("click",stocker);

<input id="prenom" type="text">
<input id="bouton" type="button" value="récuperer">
<div id="parent">
  <p id="message"></p>
<div>

如何以列表格式存储和显示表单的值

How to stock and display in a list format a form's value

javascript

forms

list

addeventlistener

stock