title: How to inject javascript var into css
body: <p>I want to predefine the position of the website shown inside my webview (electron). I want to add the left value dynamically . I have something like this :</p>
  
  <pre><code>var leftPos = -300px; // it is set dynamically
  
  var webview = document.querySelector('webview');
  
  webview.executeJavaScript("$('body').css('left', leftPos )"); //it cannot get the value of leftPos
  </code></pre>
  
  <p>but if leftPos is hardcoded this will work e.g: 
  leftPos</p>
  
  <pre><code>webview.executeJavaScript("$('body').css('left', '-300px' )"); //works
  </code></pre>
  
  <p>The problem should be the parenthesis but I tried everything and I cannot seem to pass the leftPos value inside that function</p>