How to Display the Text using .TextContent?
<p>I am trying to display the message Hey friends by overwriting the HTML with .TextContent in the JS. So instead of just saying Hey! I want it to say Hey Friends!</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;!doctype html&gt;


&lt;html lang="en"&gt;
&lt;head&gt;
   &lt;meta charset="utf-8"&gt;
   &lt;title&gt;friends&lt;/title&gt;
 &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&gt;

    &lt;!-- This links to the js code specific for this page --&gt;
    &lt;script src="multiwrites.js"&gt;&lt;/script&gt;

    &lt;script src="multiwrites2.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id="title"&gt;Hey!&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code>var message;
message = 'Hey Friends';

var elName = document.getElementById('title');
elName.textContent = message;
</code></pre>