Odtnhj

I have an error when i try to build "submitEvent.js
the output result... but the page works!!

"$ is not defined " on SublimeText 3 console

$ is not defined (Someone can help me q.q ?)

(function (exports, require, module, __filename, __dirname) {
$(document).ready(function(){

ReferenceError: $ is not defined
 at Object.<anonymous> (/home/utexm/Scrivania/Testing-20/customForm/js/submitEvent.js:1:63)
 at Module._compile (internal/modules/cjs/loader.js:688:30)
 at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
 at Module.load (internal/modules/cjs/loader.js:598:32)
 at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
 at Function.Module._load (internal/modules/cjs/loader.js:529:3)
 at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
 at startup (internal/bootstrap/node.js:285:19)
 at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)

script of my file.haml

%script :src => "/js/jquery-3.3.1.min.js"
%script :src => "/js/jquery-ui.min.js"
%script :src => "/js/submitEvent.js" , :type => "text/javascript"

submitEvent.js

$(document).ready(function()
 $(function()

 //0.1 CHECK SU FORM
 var form = document.getElementById('login');

 //Event
 form.addEventListener('submit', function(e)
 e.preventDefault(); // Previene l'invio immediato

 var elements = this.elements; // Prende tutti gli elementi della form
 var username = elements.username.value; //form.username
 var msg = ' Welcome ' + username ; // Messaggio Benvenuto + Nome

 document.getElementsByClassName("msg")[0].textContent = msg;
 );
 );
);