В настоящее время я пытаюсь очистить поле ввода после добавления задачи в массив - PullRequest
Новая
       5

В настоящее время я пытаюсь очистить поле ввода после добавления задачи в массив

0 голосов
/ 10 апреля 2019

В настоящее время я пытаюсь очистить поле ввода после добавления задачи в массив. Я знаю, что это будет очень просто, но, судя по всему, я не могу найти решение. Любая помощь будет принята с благодарностью. Спасибо.

Вот мой код:

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;

Ответы [ 2 ]

1 голос
/ 10 апреля 2019

Просто очистите значение поля задачи, добавив 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;
0 голосов
/ 10 апреля 2019

ну, мне кажется, вам нужно добавить только 1 строку 

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