如何在 laravel Blade 模板中使用 JS 文件?

我需要在 laravel 刀片模板中进行数学计算。


网页:


<div class="col-md-1">

                <label for=" ">Qunatity</label>

                <input type="number" class="form-control" name="total_Qut" id="t1" onkeyup="val()" placeholder="Qunatity" >

                <div class="invalid-feedback">


                </div>

            </div>

            <div class="col-md-1">

                <label for="validationCustom05">Rate/Unit</label>

                <input type="number" class="form-control" name="rate" id="t2" onkeyup="val()" placeholder="Price Per Unit" required>

                <div class="invalid-feedback">


                </div>

我打电话给JS:


function id(id){return document.getElementById(id);}

         var val1 = 0;

         var val2 = 0;

        function val()

        {

        val1 = parseInt(id("t1").value);

        val2 = parseInt(id("t2").value);

        id("tot").innerHTML = ((val1 > 0 && val2 > 0))? val1 * val2 : 0;

        };

我尝试了 3 种方法: 1. 在下面的部分中添加。


添加到标题。


@stack - 我不知道,如何使用它。


添加代码的最佳做法是什么?


泛舟湖上清波郎朗
浏览 311回答 1
1回答

白猪掌柜的

我更喜欢第三种方式,因为它只会将其加载到页面而不是其他页面上。要执行第三个选项,您可以编辑通常存在的主刀片页面layouts/app.blade.php并添加@stack('js')您希望 javascript 存在的位置。(在结尾<body>)然后在任何@extends('layouts.app')你可以使用的刀片文件中@push('js')<script src="{{ asset('js/myjavascript.js')}}"></script>@endpush
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript