title: Convert or remove [short-code] type tags in webpage using javascript
body: <p>I have following <code>html</code> in a web-page generated from a vendor's software which contains WordPress style <code>[short-code]</code> tags:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;post__entry&quot;&gt;
  &lt;p&gt;[table]&lt;br&gt;
  Room, Tariff, Plan&lt;br&gt;
  Triple Room, [rs] 2200, EP&lt;br&gt;
  Large Room, [rs] 2500, EP&lt;br&gt;
  Single Cottage 1, [rs] 3100, EP&lt;br&gt;
  Single Cottage 2, [rs] 3300, EP&lt;br&gt;
  [/table]
  &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I need a javascript to convert the above html to (at least) something like this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;post__entry&quot;&gt;
  &lt;p&gt;
  Room, Tariff, Plan&lt;br&gt;
  Triple Room, ₹ 2200, EP&lt;br&gt;
  Large Room, ₹ 2500, EP&lt;br&gt;
  Single Cottage 1, ₹ 3100, EP&lt;br&gt;
  Single Cottage 2, ₹ 3300, EP&lt;br&gt;
  &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p>A super nice presentation will be like this (definitely it is too much to ask for) :
  <a href="https://i.stack.imgur.com/IdwKt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IdwKt.png" alt="enter image description here" /></a></p>