same codepen codes doesnt work on my local?-CodePudding

i am searching some pens on codepen.Found a slider and tried to run on my local but even i add external css and js but still not dislpay anything.Checked all code lines but couldnt see the problem.

my html file

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/css/swiper.css">

    <link rel="stylesheet" href="./index.css">
    
    
    
</head>
<body>
<!-- Slider main container -->
<div >
    <!-- Additional required wrapper -->
    <div ></div>
    <!-- If we need scrollbar -->
    <div ></div>
</div>
<script src="./js.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.3/js/swiper.js"></script>
</body>
    
</html>

and its the pens link https://codepen.io/paulochorinca/pen/MXpQBP thank for your answers.

CodePudding user response：

after i add

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css"
/>

<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>

to head i solved my question.

CodePudding user response：

you can make separate files for html, css, js then link in one html file. then paste codpen codes into them respectively.