这是我的代码：

HTML：

<body>

 <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;

Answer 1

只需添加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>';
     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;

Answer 2

对我来说，看来您只需要添加1个字符串

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

在将任务添加到数组后，我目前正在尝试清除输入字段

这是我的代码：

2 个答案: