如何在blade.php 中使用来自外部.js 文件的代码？

Question

I have resources/js/jquery.js files where I listen to button be pressed threw jQuery, and do some actions. The problem is that I can't import jquery.js into my .blade.php.

I added jquery.min.js into by public/js.

What I have in .blade.php

<form id="RegisterForm" method="GET">
    <input type="text" name="username" id="username">
    <input type="text" name="email" id="email">
    <input type="text" name="password" id="password">
    <input type="text" name="password2" id="password2">
    <input type="submit" value="REGISTER" id="registerButton">
</form>
<script src="{{asset('js/jquery.min.js')}}"></script>
<script src="/js/jquery.js"></script>

What I have in jquery.js

window.onload = function(){
$(document).ready(function(){
    $('#registerButton').click(function(){
        alert("Hello");
    });
 });
}

I need to get alert("Hello");

The problem is that when click to the button nothing happens, I'm not sure if it bcs I added jquery.min.js wrongly, or just including my jquery.js script is wrong. Or this is impossible and I have to add this in the bottom of the body in my .blade.php

<script type="text/javascript">
    window.onload = function(){
        $(document).ready(function(){
            $('#registerButton').click(function(){
                alert("Hello");
            });
        });
    }
</script>

Answer 1

we assuming you have your js folders inside public/assets
Then
Add external js something like this.

<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/jquery.js') }}></script>

And Add space after/before 2 Curly brackets.

I hope your problem will be resolve