Javascript 访问密钥';单击时本地存储中的s值,isn';他没有按计划工作
我正在尝试使用javascript创建一个简单的留言板,使用本地存储,用户键入他们的姓名和一些文本,然后显示在表单下方 当我单击移除按钮而不是记录文本时,它的日志记录“移除”(按钮的文本内容) 我有一个名为text的变量,它应该保存用户提交的消息的文本,我无法找出这里出了什么问题Javascript 访问密钥';单击时本地存储中的s值,isn';他没有按计划工作,javascript,local-storage,Javascript,Local Storage,我正在尝试使用javascript创建一个简单的留言板,使用本地存储,用户键入他们的姓名和一些文本,然后显示在表单下方 当我单击移除按钮而不是记录文本时,它的日志记录“移除”(按钮的文本内容) 我有一个名为text的变量,它应该保存用户提交的消息的文本,我无法找出这里出了什么问题 **function removeMessage(text){ console.log(text); }** function fetchMessages(){ let messages=JSON.
**function removeMessage(text){
console.log(text);
}**
function fetchMessages(){
let messages=JSON.parse(localStorage.getItem('messages'));
const messageBoard=document.querySelector('#messageBoard');
messageBoard.innerHTML="";
for(let i=0; i<messages.length; i++){
const name= messages[i].name;
**const text=messages[i].text;**
messageBoard.innerHTML+=
`<div class="all">
<div class="names">
<h3>${name}</h3>
</div>
<div class="messages">
<p>${text}</p>
</div>
<div class="button">
**<a onclick="removeMessage(text)" href="#" id="delete">Remove</a>**
</div>
</div>`;
}
}
**函数删除消息(文本){
console.log(文本);
}**
函数fetchMessages(){
让messages=JSON.parse(localStorage.getItem('messages'));
const messageBoard=document.querySelector(“#messageBoard”);
messageBoard.innerHTML=“”;
对于(设i=0;i当您单击
时,您没有名为text
的全局变量,文本
引用这个
元素的文本,它是删除。也许您应该将删除消息(text)
替换为删除消息(${text})
或使用某种指向该条目的索引。太棒了,谢谢你。还有一件事,如果你有时间,或者其他人愿意插话,它不会记录文本,而是给出一个错误“未捕获的引用错误:(文本内容)未定义”缺少引号,应该是removeMessage(\'${text}\)
。对不起,我弄错了。