title: How can I format number shown in HTML to currency format, including the $ symbol and placing decimals with <sup></sup>?
body: <p>I have a page with several HTML text strings with numbers, let's say one is 123.20. All of them are enclosed at third level in a div with the "money" class. I want to change all of them to the format $123<sup>.20</sup> (the number is different for each of them) using JS.</p>
  
  <p>I cannot include the "money" class to the any other div than the first shown below. I cannot format this into the backend (even if I would love to).</p>
  
  <p>I don't know where to start from.</p>
  
  <p>This is an example of the current HTML.</p>
  
  <pre><code>&lt;div class="elementor-element elementor-element-11138f85 elementor-widget__width-auto money elementor-widget elementor-widget-text-editor" data-id="11138f85" data-element_type="widget" data-widget_type="text-editor.default"&gt;
    &lt;div class="elementor-widget-container"&gt;
      &lt;div class="elementor-text-editor elementor-clearfix"&gt;123.20&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>
  
  <p>This is what I would need to get displayed:</p>
  
  <pre><code>&lt;div class="elementor-element elementor-element-11138f85 elementor-widget__width-auto money elementor-widget elementor-widget-text-editor" data-id="11138f85" data-element_type="widget" data-widget_type="text-editor.default"&gt;
    &lt;div class="elementor-widget-container"&gt;
      &lt;div class="elementor-text-editor elementor-clearfix"&gt;$123&lt;sup&gt;.20&lt;/sup&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  </code></pre>