Untitled

<!DOCTYPE html>
<html>
    <head>
    	<meta charset="utf-8">
        <title>
            Jqueryy
        </title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
    	<h1>Sliderino</h1>
    	<div class="container">
    		<div class="slider">
    			<img id="active" src="img/img1.jpg" style="width: 100%">
    			<img src="img/img2.jpg" style="width: 100%">
    			<img src="img/img3.jpg" style="width: 100%">
    			<img src="img/img4.jpg" style="width: 100%">
    			<img src="img/img5.jpg" style="width: 100%">
    			<img src="img/img6.jpg" style="width: 100%">
    			<img src="img/img7.jpg" style="width: 100%">
    		</div>
    		<i id="prev" class="fas fa-arrow-left"></i>
    		<i id="next" class="fas fa-arrow-right"></i>


    	</div>
    	<script src="https://kit.fontawesome.com/cc6dc71f92.js"></script>
    	<script
			  src="https://code.jquery.com/jquery-3.4.1.min.js"
			  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
			  crossorigin="anonymous">
		</script>


		<script>
			$(".fas.fa-arrow-left").click(function(){
				alert("idemejako");
			})
			$(".fas.fa-arrow-right").click(function(){
				alert("ideme poslabo");
			})
		</script>


    </body>
</html>