title: How to change Title of a HTML button
body: <p>I want to Change the title of a HTML button once clicked. this is what I tried.</p>
  <p><strong>HTML</strong></p>
  <pre><code>&lt;button class=&quot;fullScreen&quot; data-dojo-type=&quot;dijit.form.Button&quot; onclick=&quot;FullScreenToggle(this);&quot; id=&quot;butFullScreen&quot;&gt;
  &lt;input type=&quot;image&quot; class=&quot;ns&quot; onclick=&quot;FullScreenToggle(this);&quot; title=&quot;Full Screen&quot; value=&quot;&quot; /&gt;
  </code></pre>
  <p><strong>JS</strong></p>
  <pre><code>if (document.getElementById(&quot;butFullScreen&quot;).title == &quot;Full Screen&quot;) {
      document.getElementById(&quot;butFullScreen&quot;).title = &quot;&quot;;
      document.getElementById(&quot;butFullScreen&quot;).title = &quot;Normal Screen&quot;;
  } else document.getElementById(&quot;butFullScreen&quot;).title = &quot;Full Screen&quot;;
  </code></pre>
  <p>When I do this Title doesn't change in JavaScript call. then I tried using <code>title=&quot;&quot;</code> in HTML, then title changes on Java Script call. but when button is loaded first time I dont have a title. I want have  Full Screen as title when button is loaded and then toggle it between Normal Screen &amp; Full Screen on each click.</p>
  <p>Once I set title=&quot;Full Screen&quot; in my HTML, a JavaScript call doesn't change it.</p>