title: How can I change the order of <li>s in a list when I press a <button> with JS without using JQuery?
body: <p>I'm an absolute JS beginner. I would appreciate your help for the following: I have the following HTML code. How can I change the order of li-s in a list when I press a button with JS? i.e.: Item1 should become Item2 and so on. I think it's possible to do this with "for(){}", I just don't know exactly how..</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Item 1&lt;/li&gt; 
      &lt;li&gt;Item 2&lt;/li&gt;
      &lt;li&gt;Item 3&lt;/li&gt;
      &lt;li&gt;Item 4&lt;/li&gt;
  &lt;/ul&gt;
  &lt;button&gt;Click Me&lt;/button&gt;
  </code></pre>