Store PhP variable in JavaScript variable

Question

I'm really new into web dev and I'm working on a project which uses the TALL stack:

• Laravel Mix ;
• Livewire ;
• AlpineJS and;
• TailwindCSS .

I want to get a PhP variable and store it in a JavaScript variable, so I can do jQuery/JavaScript stuff with it.

The PhP variable is <?php Auth::user()->kyc_status?> and I would like to store it in a JavaScript variable called kycStatus . The idea could be represented by something like let kycStatus = <?php Auth::user()->kyc_status?>

Thanks in advance.

Answer 1

<script>
    let kycStatus = {{ Auth::user()->kyc_status }}
</script>

Answer 2

You can do it like following

<script>    
    var kycStatus = {!! json_encode(Auth::user()->kyc_status) !!};
</script>

Or use this Laravel package https://github.com/laracasts/PHP-Vars-To-Js-Transformer to pass some server-side string/array/collection/whatever to your JavaScript.