Estou desenvolvendo uma aplicação web com Laravel e percebi algo estranho.
Ao passar uma variável do Laravel para a página HTML está acontecendo dois comportamentos diferentes:
ao chamar a variável em um script interno no HTML a mesma é reconhecida;
porém, ao chamar a variável em um script externo, em um arquivo JavaScript referenciando-o no final da tag body do HTML, a mesma não é reconhecida.
Esclareço que fiz teste tanto com o echo do Blade do Laravel, quanto com o as tags de abertura e fechamento do php no arquivo JavaScript e a variável não foi reconhecida.
Alguém sabe porque acontece esse tipo de comportamento?
Abaixo informo uma amostra do código usado no Laravel:
<!DOCTYPE html>
<html lang=pt-br>
<head>
<meta charset="utf=8">
<title>Teste</title>
</head>
<body>
<div>
<img class="destaque1" src="{{ asset('images/banners/00004.jpg') }}">
</div>
<script>
var stringImagensBanners = "{{ $imagensBanners }}";
var banners = stringImagensBanners.split(",");
var bannerAtual = 0;
function trocaBanner() {
document.querySelector('.destaque1').src = banners[bannerAtual];
bannerAtual = (bannerAtual + 1);
if (bannerAtual == 5) {
bannerAtual = 0;
} return false;
}
setInterval(trocaBanner, 4000);
</script>
</body>
</html>
$('#id-input-hidden').val();