title: Edit my input on a to-do list after submiting
body: <p>An edit feature where i can correct an input after submitting them. [Creating a to-do list.]  </p>
  
  <pre><code>&lt;script&gt;
  
  function bigImg(x) {
  
    x.style.height = "74px";
  
    x.style.width = "74px";
  
  }
  
  function normalImg(x) {
  
    x.style.height = "39px";
  
    x.style.width = "39px";
  }
  
  
  
  submitForm = (value, displayer) =&gt; {
  
      let input = document.getElementById(value);
  
      let valueHolder = document.getElementById(displayer);
  
      let inputValue = input.value;
  
      valueHolder.innerHTML = inputValue;
  };
  
  const form = document.getElementById('formSubmission');
  
  form.addEventListener('submit', (e) =&gt; {
  
      e.preventDefault();
  
      submitForm('inputData', 'valueHolder');
  
  });
  
  
  div id="myDIV" class="header"&gt;
  
    &lt;h2&gt;My To Do List&lt;/h2&gt;
  
    &lt;input type="text" id="myInput" placeholder="My List..."&gt;
  
    &lt;span onclick="newElement()" class="addBtn"&gt;Add&lt;/span&gt;
  
  &lt;/div&gt;
  
  
  
  
  
  
  &lt;ul id="myUL"&gt;
  
    &lt;li&gt;Hit the gym&lt;/li&gt;
  
    &lt;li class="checked"&gt;Pay bills&lt;/li&gt;
  
    &lt;li&gt;Meet George&lt;/li&gt;
  
    &lt;li&gt;Buy eggs&lt;/li&gt;
  
    &lt;li&gt;Read a book&lt;/li&gt;
  
    &lt;li&gt;Organize office&lt;/li&gt;
  
  &lt;/ul&gt; 
  </code></pre>
  
  <p>Example:- So if i add a task saying Buy 5 eggs. But i need 2eggs. I need not Delete the Entire task. Instead i just edit my Task saying Buy 2eggs.</p>