تفاوت میان اسلایدر قالب و اموزش

با سلام به استاد عزیر استاد من اسلایدر قالب که پرفتم به یک روش دیگر پیاده سازی شده وقتی با اموزش پیش میرم جاوا اسپریپتش کار نمیکنه که هکه رو زیر هم نشون میده میشه منو برای پیاده سازیش راهنمایی کنید با تشکر

 <div class="col-12">

        <aside class="adplacement-header">

            <a href="index.html" class="adplacement-item" title="برای دربی آماده شو"></a>

        </aside>

    </div>

    <div class="d-block">

        <div class="col-lg-8 col-md-8 col-xs-12 pull-right">

            <div class="main-slider">

                <div class="main-slider-container">

                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">

                        <ol class="carousel-indicators">

                            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>

                            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>

                            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>

                            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>

                            <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>

                        </ol>

                        <div class="carousel-inner">

                            <div class="carousel-item active">

                                <img class="d-block w-100" src="assets/images/slider/2.jpg" alt="Second slide">

                            </div>

                            <div class="carousel-item">

                                <img class="d-block w-100" src="assets/images/slider/1.jpg" alt="First slide">

                            </div>

                            <div class="carousel-item">

                                <img class="d-block w-100" src="assets/images/slider/3.jpg" alt="Third slide">

                            </div>

                            <div class="carousel-item">

                                <img class="d-block w-100" src="assets/images/slider/4.jpg" alt="Third slide">

                            </div>

                            <div class="carousel-item">

                                <img class="d-block w-100" src="assets/images/slider/5.jpg" alt="Third slide">

                            </div>

                        </div>

                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"

                            data-slide="prev">

                            <span class="fa fa-angle-left" aria-hidden="true"></span>

                            <span class="sr-only">Previous</span>

                        </a>

                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"

                            data-slide="next">

                            <span class="fa fa-angle-right" aria-hidden="true"></span>

                            <span class="sr-only">Next</span>

                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>