title: Dynamically remove all content between between script tags of a html file
body: <p>Suppose, in my project homepage there are some javascript code. For example, </p>
  
  <p><strong>index.html</strong> </p>
  
  <pre><code>    &lt;body&gt;
      html code here
  
      &lt;script type="text/javascript"&gt;
        (function () {
  
      some javascript code here
  
        })();
      &lt;/script&gt;
  
  
   &lt;button type="button"&gt;Delete javascript&lt;/button&gt; 
      &lt;/body&gt;
  </code></pre>
  
  <p>Now, what I want is that, on clicking on the button all content between script tags should be deleted along with script tags.  How can I do that?</p>