I got this error while creating custom JS file please help me, Uncaught ReferenceError: JQuery is not defined at main.js:2 (anonymous) @ main.js:2

I got this error while creating custom JS file please help me, Uncaught ReferenceError: JQuery is not defined at main.js:2 (anonymous) @ main.js:2

//Custom Js fo slider
JQuery( document). ready( function(){   
"use strict";   
$( '#slider-carosel'). carofredcel({   
     responsive: true, 
     width: '100%',   
     cirular: true,  
     scroll:{
         items: 1,
         duration: 500, 
         pauseOnHover: true 
        },
         auto: true, 
        
         items:{
             visible:{
                 min: 1,
                 max: 1 
            },
             height: "variable"
        },
       
         pagination:{    
             container: ".sliderpager",
             pageAnchorBuilder: false
        }
});
});

In HTML file
<!-- jQuery library -->

<!-- Latest compiled/custom JavaScript -->
< script  src= "./js/carofredcel.js"  type= "text/JavaScript" ></ script >