title: How to rearrange mutiple <section> after taking position input of the same from user in HTML
body: <p>For example I have three sections: </p>
  
  <pre><code>&lt;section id="about"&gt;
  &lt;p&gt;I'm the about section&lt;/p&gt;
  &lt;/section&gt;
  
  &lt;section id="education"&gt;
  &lt;p&gt;I'm the education section&lt;/p&gt;
  &lt;/section&gt;
  
  &lt;section id="work"&gt;
  &lt;p&gt;I'm the work section&lt;/p&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>How can I rearrange these sections after taking position input for each section via HTML from the user?</p>