title: Display external javascript content as text in html page
body: <p>I am trying to display javascript code that is linked to the html page using a script tag as text on the same html page (and also syntax highlighted) as a tool for users to see the underlying javascript code. </p>
  
  <p>Eventually I also want to display the html and css file contents as a learning tool so users can see all the components in a user-friendly manner on the same page (at the bottom in a tab control).</p>
  
  <p>The other requirement is that the files are local and not stored on a web server. And last but not least I would like to keep this as simple as possible (no jQuery, no additional javascript if possible).</p>
  
  <p>I have tried a couple of approaches without much success:</p>
  
  <ul>
  <li>using HTML5 import and AJAX, encountered CORS and local file access
  errors</li>
  <li>embed HTML5 tag, encountered prompt to execute javascript, not good</li>
  <li>iframe tag , encountered prompt to execute javascript, not good</li>
  </ul>
  
  <p>I am looking for simple and working solutions, I have searched quite a bit, but it is difficult to find something where you want to "convert" javascript into plain text and display it on an HTML page.</p>