Javascript “我的提交”按钮不保存文本区域中的文本
我的按钮有问题。按钮不是从文本区保存我的文本,我不知道为什么。 我认为一切都已连接,文本应正确保存。 我试着找一些打字错误 Chrome中的控制台没有显示任何错误。 我试着检查一些打字错误,但没有找到。 VisualCode中的终端未显示任何错误Javascript “我的提交”按钮不保存文本区域中的文本,javascript,html,css,dom,events,Javascript,Html,Css,Dom,Events,我的按钮有问题。按钮不是从文本区保存我的文本,我不知道为什么。 我认为一切都已连接,文本应正确保存。 我试着找一些打字错误 Chrome中的控制台没有显示任何错误。 我试着检查一些打字错误,但没有找到。 VisualCode中的终端未显示任何错误 让todoList=null; 让todoForm=null; 让todoSearch=null; document.addEventListener('DOMContentLoaded',function(){ todoList=document.
让todoList=null;
让todoForm=null;
让todoSearch=null;
document.addEventListener('DOMContentLoaded',function(){
todoList=document.querySelector(“#todoList”);
todoForm=document.querySelector(“#todoForm”);
todoSearch=document.querySelector(“#todoSearch”);
todoForm.addEventListener('submit',函数(e){
e、 预防默认值();
const textarea=this.querySelector('textarea');
如果(textarea.value!=''){
addTask(textarea.value);
textarea.value='';
}
});
});
函数addTask(文本){
const todo=document.createElement('div');
添加(“任务元素”);
const todoBar=document.createElement('div');
todoBar.classList.add('task-bar');
const todoDate=document.createElement('div');
todoDate.classList.add('task-bar');
const date=新日期();
const dateText=date.getDate()+'-'+(date.getMonth()+1)+'-'+date.getHours()+':'+date.getMinutes();
todoDate.inner=日期文本;
const todoDelete=document.createElement('button');
todoDelete.classList.add('task-delete')
TODEDELETE.classList.add('按钮')
todoDelete.innerHTML='';
todoBar.appendChild(todoDate);
todoBar.appendChild(todoDelete);
const todoText=document.createElement('div');
添加('task-text');
todoText.innerText=文本;
todo.appendChild(todoBar);
todo.appendChild(todoText);
todoList.append(todp);
}
document.addEventListener('DOMContentLoaded',function(){
todoList.addEventListener('click',函数(e){
console.log(例如target)
});
});代码>
Podaj treśćzadania
多达伊
利斯塔·扎达南
60-80-2019 11:87
Przykładowy tekst zadan dla tasku
表单标签中应该有一个提交按钮才能工作
<div class="todo-cnt">
<form class="formquest" id="todoForm">
<div class="firstplace">
<label class="form-message" name="message" for="todoMessage"><p>Podaj treść zadania</p></label>
<textarea class="input" id="input" id="todoMessage"></textarea>
<div class="button-place">
<button type="submit" class="button todo-form-button">Dodaj</button>
</div>
</form>
</div>
Podaj treśćzadania
多达伊
窗体外的按钮
其他按钮未关闭
窗体在分区内错误地关闭了一半
todp而不是todo的拼写
我向
添加了文本,因为我没有加载文件
让todoList=null;
让todoForm=null;
让todoSearch=null;
document.addEventListener('DOMContentLoaded',function(){
todoList=document.querySelector(“#todoList”);
todoForm=document.querySelector(“#todoForm”);
todoSearch=document.querySelector(“#todoSearch”);
todoForm.addEventListener('submit',函数(e){
e、 预防默认值();
const textarea=this.querySelector('textarea');
如果(textarea.value!=''){
addTask(textarea.value);
textarea.value='';
}
});
});
函数addTask(文本){
const todo=document.createElement('div');
添加(“任务元素”);
const todoBar=document.createElement('div');
todoBar.classList.add('task-bar');
const todoDate=document.createElement('div');
todoDate.classList.add('task-bar');
const date=新日期();
const dateText=date.getDate()+'-'+(date.getMonth()+1)+'-'+date.getHours()+':'+date.getMinutes();
todoDate.inner=日期文本;
const todoDelete=document.createElement('button');
todoDelete.classList.add('task-delete')
TODEDELETE.classList.add('按钮')
todoDelete.innerHTML=''';
todoBar.appendChild(todoDate);
todoBar.appendChild(todoDelete);
const todoText=document.createElement('div');
添加('task-text');
todoText.innerText=文本;
todo.appendChild(todoBar);
todo.appendChild(todoText);
todoList.append(todo);
}
document.addEventListener('DOMContentLoaded',function(){
todoList.addEventListener('click',函数(e){
console.log(例如target)
});
});代码>
Podaj treśćzadania
多达伊
利斯塔·扎达南
60-80-2019 11:87
任务时间
Przykładowy tekst zadan dla tasku
记住,无论何时处理“提交”按钮,都必须确保“提交”按钮位于要提交的表单中
<form class="formquest" id="todoForm">
<div class="firstplace">
<label class="form-message" name="message" for="todoMessage"><p>Podaj treść zadania</p></label>
<textarea class="input" id="input" id="todoMessage"></textarea>
</div>
<div class="button-place">
<button type="submit" class="button todo-form-button">Dodaj</button>
</div>
</form>
<section class="list-cnt">
Podaj treśćzadania
多达伊
正如您在格式化代码时所看到的,HTML无效,并且按钮位于包含事件侦听器的表单之外。您能告诉我在哪里吗?是的,但他在评论中要求解释。你们的答案更精确,这就是为什么我投了一票!不用担心,您还有一些错误,@mplungjan提供了一个非常好的解决方案!在这里,仅仅抛出代码而不解释它不是回答问题的常用方式。请详细说明你的建议change@mplungjan谢谢你的反馈。我肯定会在我未来的帖子中添加必要的评论:只是想让你知道,30分钟前已经给出了相同的答案