click the link and change the heading of that link - javascript
<p><strong>index.html</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;
   &lt;script&gt;
    function cha(title){
     document.getElementById("change").innerHTML=title;
    }
   &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
   &lt;ul&gt;                                              //sample navigation bar
    &lt;li&gt;&lt;a href='index.html'&gt;Home&lt;/a&gt;&lt;/li&gt;           //sample navigation bar
    &lt;li&gt;&lt;a href='mission.html' onclick='cha("Mission")'&gt;Mission&lt;/a&gt;&lt;/li&gt; //sample navigation bar
   &lt;/ul&gt;                                             //sample navigation bar
     THIS IS MY HOME PAGE
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>mission.html</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;head&gt;

 &lt;/head&gt;
 &lt;body&gt;
   &lt;ul&gt;                                              //sample navigation bar
    &lt;li&gt;&lt;a href='index.html'&gt;Home&lt;/a&gt;&lt;/li&gt;           //sample navigation bar
    &lt;li&gt;&lt;a href='mission.html'&gt;Mission&lt;/a&gt;&lt;/li&gt;      //sample navigation bar
   &lt;/ul&gt;                                             //sample navigation bar
     &lt;h1 id='change'&gt;THIS IS MY Mission &lt;/h1&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>the ideal output of this 2 webpage is when i click the mission in index.html the heading <code>&lt;h1&gt;</code>in mission.html will change its inner content, from THIS IS MY Mission it will became <strong>mission</strong> only as stated in the <code>cha("Mission");</code> but i dont know that is wrong in my code my ideal output did not show. thanks guys and sorry about my grammar.</p>
