Display points amount on product page

display_points_amount.js

{% if template.name == 'product' %}
<script>
  document.addEventListener('readystatechange', event => {
    if (event.target.readyState === "complete") {
      const orderPlacedSettings = window.BoosterApps.loy_config.ways_to_earn.filter(function(w) { return w.trigger === "order_placed" })[0];
      if(!orderPlacedSettings || !window.BoosterApps?.common?.product){
         return;
      }

      const brandThemeSettings = window.BoosterApps.loy_config.brand_theme_settings;
      const translations = window.BoosterApps.loy_config.brand_panel_settings;
      const potentialPoints = (window.BoosterApps.common.product.price / 100) * orderPlacedSettings.points_amount;
      console.log('TODO - set selector where points amount content will appear: '+ potentialPoints)
      document.getElementById(‘test_div’).innerHTML = `<div>some data and html tags here</div> `
    }
  });
</script>
{%- endif -%}}