title: get and load image from input type url using javascript
body: <p>I have input type "URL" in my HTML file.
  How to write JavaScript to fetch image from user entered URL and load it using javascript</p>
  
  <pre><code>&lt;div class="url-container"&gt;
    &lt;input type="url" class="form-control" placeholder="Insert image URL"   id="image-url"&gt;
    &lt;button class="btn btn-default" type="submit" id="url_submit"&gt;
      &lt;i class="material-icons"&gt;cloud_download&lt;/i&gt;
    &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>i want to load it here:</p>
  
  <pre><code>&lt;img class="materialboxed" src="" id="image" style=""&gt;
  </code></pre>