title: How to read Qweb variable in javascript (Odoo11)
body: <p>I have the following code:</p>
  
  <pre><code> &lt;t groups="website_sale.group_website_multi_image"&gt;
    &lt;t t-set="variant_img" t-value="any(product.mapped('product_variant_ids.image_variant'))"/&gt;
    &lt;t t-set="image_ids" t-value="product.product_image_ids"/&gt;
    &lt;div id="o-carousel-product" class="carousel slide" data-ride="carousel" data-interval="0"&gt;
      &lt;div class="carousel-outer"&gt;
        &lt;div class="carousel-inner"&gt;
          &lt;div t-if="variant_img" class="item active" itemprop="image" t-field="product.product_variant_id.image" t-options="{'widget': 'image', 'class': 'product_detail_img js_variant_img', 'alt-field': 'name', 'zoom': 'image', 'unique': product['__last_update'] + (product.product_variant_id['__last_update'] or '')}"/&gt;
      &lt;ol class="carousel-indicators" t-if="len(image_ids) or variant_img"&gt;
        &lt;li data-target="#o-carousel-product" t-att-data-slide-to="1 if variant_img else 0" t-att-class="'' if variant_img else 'active'"&gt;
          &lt;img class="img img-responsive" t-attf-src="/website/image/product.template/{{product.id}}/image/90x90" t-att-alt="product.name"/&gt;
        &lt;/li&gt;
        &lt;t t-if="len(image_ids)" t-foreach="image_ids" t-as="pimg"&gt;
          &lt;li data-target="#o-carousel-product" t-att-data-slide-to="pimg_index + (variant_img and 2 or 1)"&gt;
            &lt;img class="img img-responsive" t-attf-src="/website/image/product.image/{{pimg.id}}/image/90x90" t-att-alt="pimg.name"/&gt;
          &lt;/li&gt;
        &lt;/t&gt;
      &lt;/ol&gt;
    &lt;/div&gt;
  &lt;/t&gt;
  &lt;script language="javascript" type="text/javascript"&gt;
  
      &lt;MY SCRIPT&gt;
  
  &lt;/script&gt;
  </code></pre>
  
  <p>inside the 'script' tag i need to read one of the qweb variable, I need the {{product.id}}, to load a dinamic path in javascript.</p>
  
  <p>I've tryied a lot of variants: </p>
  
  <pre><code>var WRProdId ="{{product.id}}";
  </code></pre>
  
  <p>also: </p>
  
  <pre><code>&lt;input type="hidden" id="Current360Product" name="Current360Product" value="{{product.id }}"/&gt; 
  
  &lt;script language="javascript" type="text/javascript"&gt; 
  var WRProdId = document.getElementById("Current360Product").value;
  </code></pre>
  
  <p>but the <code>{{product.id}}</code> is never interpreted</p>
  
  <p>How can I read it? </p>