Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript “我的提交”按钮不保存文本区域中的文本_Javascript_Html_Css_Dom_Events - Fatal编程技术网

Javascript “我的提交”按钮不保存文本区域中的文本

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.

我的按钮有问题。按钮不是从文本区保存我的文本,我不知道为什么。 我认为一切都已连接,文本应正确保存。 我试着找一些打字错误

Chrome中的控制台没有显示任何错误。 我试着检查一些打字错误,但没有找到。 VisualCode中的终端未显示任何错误

让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分钟前已经给出了相同的答案