Insert javascript value via php variable

Question

I need to insert value width and height through a php variable.

    window.addEventListener('DOMContentLoaded', function () {
            var image = document.querySelector('#image'); 
            var cropper = new Cropper(image, {
                ready: function () {
                    this.cropper.setCropBoxData({
      "left":750,
      "top":190,
      "width":500,
      "height":50
    });    
  },
});

Where :

"width":100,
"height":50

Would be for example:

"width": $VALOR,
"height":$VALOR2

But that way it doesn’t work,

Thank you in advance!

Answer 1

If the file with your code is inside a tag <script> in a file with the extension . php, you can do so:

    window.addEventListener('DOMContentLoaded', function () {
            var image = document.querySelector('#image'); 
            var cropper = new Cropper(image, {
                ready: function () {
                    this.cropper.setCropBoxData({
      "left":750,
      "top":190,
      "width": <?= $width; ?>,
      "height": <?= $height; ?>
    });    
  },
});

If this javascript code is inside a file with the extension . js unfortunately has no way.