Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.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 I';m当前正在尝试在任务添加到数组后清除输入字段_Javascript_Input Field - Fatal编程技术网

Javascript I';m当前正在尝试在任务添加到数组后清除输入字段

Javascript I';m当前正在尝试在任务添加到数组后清除输入字段,javascript,input-field,Javascript,Input Field,我当前正在尝试在任务添加到数组后清除输入字段。我知道这很简单,但就我个人而言,我似乎无法找到解决办法。任何帮助都将不胜感激。谢谢 这是我的密码: HTML: var tasks = []; function addTask() { 'use strict'; var task = document.getElementById('task'); var output = document.getElementById('output'); var message = '';

我当前正在尝试在任务添加到数组后清除输入字段。我知道这很简单,但就我个人而言,我似乎无法找到解决办法。任何帮助都将不胜感激。谢谢

这是我的密码: HTML:

 var tasks = []; 
 function addTask() {
 'use strict';

  var task = document.getElementById('task');
  var output = document.getElementById('output');
  var message = '';

   if (task.value) {
   tasks.push(task.value);
   message = '<h2>To-Do</h2>';
   message +=  '<ol><li>'; 
   message +=  tasks.join('</li><li>'); 
   message +=  '</li></ol>';

   output.innerHTML = message;

   } 
    return false;
   } 

   function init() {
    'use strict';
    document.getElementById('theForm').onsubmit = addTask 

    frm.submit(); 
    frm.reset();

    return false;
    } 
    window.onload = init;
     var tasks = []; 
     function addTask() {
     'use strict';

      var task = document.getElementById('task');
      var output = document.getElementById('output');
      var message = '';

       if (task.value) {
       tasks.push(task.value);
       message = '<h2>To-Do</h2>';
       message +=  '<ol><li>'; 
       message +=  tasks.join('</li><li>'); 
       message +=  '</li></ol>';
     task.value='';
       output.innerHTML = message;

       } 
        return false;
       } 

       function init() {
        'use strict';
        document.getElementById('theForm').onsubmit = addTask 

        frm.submit(); 
        frm.reset();

        return false;
        } 
        window.onload = init;

输入要完成的项目
任务
JavaScript:

 var tasks = []; 
 function addTask() {
 'use strict';

  var task = document.getElementById('task');
  var output = document.getElementById('output');
  var message = '';

   if (task.value) {
   tasks.push(task.value);
   message = '<h2>To-Do</h2>';
   message +=  '<ol><li>'; 
   message +=  tasks.join('</li><li>'); 
   message +=  '</li></ol>';

   output.innerHTML = message;

   } 
    return false;
   } 

   function init() {
    'use strict';
    document.getElementById('theForm').onsubmit = addTask 

    frm.submit(); 
    frm.reset();

    return false;
    } 
    window.onload = init;
     var tasks = []; 
     function addTask() {
     'use strict';

      var task = document.getElementById('task');
      var output = document.getElementById('output');
      var message = '';

       if (task.value) {
       tasks.push(task.value);
       message = '<h2>To-Do</h2>';
       message +=  '<ol><li>'; 
       message +=  tasks.join('</li><li>'); 
       message +=  '</li></ol>';
     task.value='';
       output.innerHTML = message;

       } 
        return false;
       } 

       function init() {
        'use strict';
        document.getElementById('theForm').onsubmit = addTask 

        frm.submit(); 
        frm.reset();

        return false;
        } 
        window.onload = init;
var tasks=[];
函数addTask(){
"严格使用",;
var task=document.getElementById('task');
var output=document.getElementById('output');
var消息=“”;
if(task.value){
tasks.push(task.value);
消息='要做';
消息+=“
  • ”; message+=tasks.join(“
  • ”); 消息+='
  • '; output.innerHTML=消息; } 返回false; } 函数init(){ "严格使用",; document.getElementById('theForm')。onsubmit=addTask frm.submit(); frm.reset(); 返回false; } window.onload=init;
    只需通过添加task来清除task字段的值。value=''

    这是完整的工作代码

    HTML

     <form action="#" method="post" id="theForm">
         <fieldset><legend>Enter an Item To Be Done</legend>
         <div>
         <label for="task">Task</label>
         <input type="text" name="task" id="task" required> 
         </div>
          <div>
         <input type="submit" value="Add It!" id="submit" value="reset form">
         </div>
         <div id="output"></div>
         </fieldset>
         </form>
         </body>
         </html>
    
    
    输入要完成的项目
    任务
    
    JavaScript:

     var tasks = []; 
     function addTask() {
     'use strict';
    
      var task = document.getElementById('task');
      var output = document.getElementById('output');
      var message = '';
    
       if (task.value) {
       tasks.push(task.value);
       message = '<h2>To-Do</h2>';
       message +=  '<ol><li>'; 
       message +=  tasks.join('</li><li>'); 
       message +=  '</li></ol>';
    
       output.innerHTML = message;
    
       } 
        return false;
       } 
    
       function init() {
        'use strict';
        document.getElementById('theForm').onsubmit = addTask 
    
        frm.submit(); 
        frm.reset();
    
        return false;
        } 
        window.onload = init;
    
         var tasks = []; 
         function addTask() {
         'use strict';
    
          var task = document.getElementById('task');
          var output = document.getElementById('output');
          var message = '';
    
           if (task.value) {
           tasks.push(task.value);
           message = '<h2>To-Do</h2>';
           message +=  '<ol><li>'; 
           message +=  tasks.join('</li><li>'); 
           message +=  '</li></ol>';
         task.value='';
           output.innerHTML = message;
    
           } 
            return false;
           } 
    
           function init() {
            'use strict';
            document.getElementById('theForm').onsubmit = addTask 
    
            frm.submit(); 
            frm.reset();
    
            return false;
            } 
            window.onload = init;
    
    var tasks=[];
    函数addTask(){
    "严格使用",;
    var task=document.getElementById('task');
    var output=document.getElementById('output');
    var消息=“”;
    if(task.value){
    tasks.push(task.value);
    消息='要做';
    消息+=“
  • ”; message+=tasks.join(“
  • ”); 消息+='
  • '; task.value=''; output.innerHTML=消息; } 返回false; } 函数init(){ "严格使用",; document.getElementById('theForm')。onsubmit=addTask frm.submit(); frm.reset(); 返回false; } window.onload=init;
    对我来说,看起来您只需要添加一个字符串

    output.innerHTML = message;
    task.value = '';
    

    是的!那真是一种享受。正如您可能知道的,我只是刚刚开始使用javascript。谢谢你!