Fórum Academy - Incluir função javascript em uma blade

Criador Marcos Birro Calixto 25/09/2024

Bom dia Carlos.

Estou precisando fazer cálculos com campos de input usando javascript com evento onchange ou onblur e estou fazwendo da seguinte maneira mas não está funcionando. Pode me ajudar com isso? Uso o adminlte e laravel 11

Na parte fina da blade eu chamo a função:

<div>
    <button type="button" onclick="calcula()">Calcular</button>
</div>
 
Declaro a função em app.js pois entendo que irá compilar com o vite com o npm run dev
function calcula() {
    alert("chamei função");
}
Só estou chamando um alert para teste. Quando funcionar eu coloco os calculos. O que preciso fazer é assim que alterado o valor de um campo, chama a função e calcua os outros.

7 comentários

Antonio Manuel Baptista 25/09/2024

conseguiu??

Criador Marcos Birro Calixto 25/09/2024

Ainda não.

Criador Marcos Birro Calixto 25/09/2024

Estou pensando em chamar uma tela modal e nesta modal colocar as fuções. Aí fica tudo em um arquivo só. Acredito que dará certo.

Agora tenho que ver como chamar um modal em blade!

Manager Carlos Ferreira 25/09/2024

Tem o código completo, porque não vi o início da tab script

Criador Marcos Birro Calixto 25/09/2024

Bom dia.

Coooquei no app.js

<script src="admin.pages.clientes.veiculos.ordemservicos._partials.calcula.js"></script>

E o arquivo calcula.js tem só um alert para ver se funciona

function calcula() {
    alert("chamei função");
}

Manager Carlos Ferreira 25/09/2024

Assim não vai dar certo, porque está tentando pegar um arquivo chamado: admin.pages.clientes.veiculos.ordemservicos._partials.calcula.js

Precisa passar o path do arquivo

src="{{ public_path('nomepasta/calcula.js') }}"

E este arquivo precisa estar em public/nomepasta/calcula.js

Criador Marcos Birro Calixto 25/09/2024

Acho que vou usar no livewire 3.

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!