title: How to create a new element on cursor DOM
body: <p>How would I be able to create a new element and have it placed right where the mouse/cursor is located?
  I have some example code below:</p>
  
  <pre><code>&lt;div id = "adivthing&gt;&lt;/div&gt;
  
  &lt;script&gt;
  var newthing = document.createElement("input");                
  document.getElementById("adivthing").appendChild(newthing); 
  &lt;/script&gt;
  </code></pre>