title: How to load an external HTML file
body: <p>I have some HTML as follows:</p>
  
  <pre><code>Select a file : &lt;input type="file"&gt;&lt;br&gt;&lt;br&gt;
  Html Codes : &lt;textarea id="displayHtml"&gt;&lt;/textarea&gt;&lt;br&gt;&lt;br&gt;
  &lt;div id="displayPage"&gt;Display the Html Page here&lt;/div&gt;
  </code></pre>
  
  <p>Now how would I browse an external HTML file from a local hard drive and display the page preview in the div <code>#displayPage</code> and get the HTML tags of the file into the textarea <code>#displayHtml</code>? I have no idea how to do this so please help.</p>
  
  <p>My fiddle is here: <a href="https://jsfiddle.net/zm6ga2ev/1/" rel="nofollow noreferrer">https://jsfiddle.net/zm6ga2ev/1/</a></p>