如何使用Twig获取JavaScript结果

Question

I am not sure how I can pass a variable from my JS folder to my Twig templates. It is a variable that takes true/false on page load and needs to be used inside an If statement to execute responsive code.

I tried calling the name of the variable itself but as I found out that doesn't work.

JS Script

var isMobile = (function() {....})();

Twig template

 {% if isMobile %}
  <div>Small div</div>
  {% else %}
  <div>Big div</div>
 {% endif %}

Answer 1

It will be better and more convenient doing with Javascript itself.

<div id="yourDIV">
  This is my DIV element.
</div

In Javascript do something like this.

 var el = document.querySelector('#yourDIV');//to target multiple divs use class
 if (isMobile()) {
   el.style.display = "block";
  } else {
    el.style.display = "none";
 }

This is an idea, you can modify it as per your need.