access to javascript variables in laravel

Question

how can I access javascript variables in blade laravel?

for example

  var counter = 1;


 {{ dd(counter) }}

it gives me this error

Use of undefined constant counter - assumed 'counter' (this will throw an Error in a future version of PHP)

tamrat · Accepted Answer · 2020-08-06 10:46:48Z

1

You can't. You need to use JavaScript to inject the values to the Blade templates. Basically you need to do this in a script tag.

<p id="counter"></p>

<script>
var counter = 0;

counter++;

document.querySelector('#counter').innerHTML = counter;
</script>

answered Aug 6, 2020 at 10:44

tamrat

1,95013 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

you know I have a dynamic input that when user click on + new input is come . so I want to use this "counter" for old() helper laravel

In that case, you need to create the inputs dynamically and add them to the container element using the appendChild function (w3schools.com/jsref/met_node_appendchild.asp).

I am using append .. but each new inputs are a group that have a old()

Irshad Khan · Accepted Answer · 2020-08-06 10:47:09Z

0

Its better to add any id where you want to show veriable then select this element using query selector

<div id="show_variable"></div>

and use jquery

$(document).ready(function(){
 var countor = 0;
 counter++;
 $('#show_variable').html(counter)
});

answered Aug 6, 2020 at 10:47

Irshad Khan

4325 silver badges13 bronze badges

you know I have a dynamic input that when user click on + new input is come . so I want to use this "counter" for old() helper laravel

its mean you are using counter as a id to identify input ?

something like this