How can I incorporate a JavaScript variable 'x' into an @if statement in Laravel? I have tried placing it both inside and outside of the @if statement. When placed outside, it works perfectly fine, but I really need to perform an action based on this condition.
var x = document.getElementById("IdPrize").value;
var mySpan = document.createElement("span");
mySpan.innerHTML = "\
@foreach (\App\Prize::all() as $prize)\
@if ($prize->id == "+x+")\
<p>{{$prize->name}} is the chosen one!</p>\
@endif\
@endforeach";
Is there a specific reason why I am unable to access the value of the variable 'x' within the @if and @foreach statements? What can be done to make it work?
If I structure it like the code below, everything functions perfectly.
var x = document.getElementById("IdPrize").value;
var mySpan = document.createElement("span");
mySpan.innerHTML = "\
@foreach (\App\Prize::all() as $prize)\
<p>"+x+"</p>\
@endforeach";
Many thanks!