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

Question

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

例如：如果有人在窗体中输入“Thomas”，它将显示
。托马斯
然后，一个进入“索菲亚”，使其显示：
.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>