Html Model Box not work loop in laravel view

i want to show texts in web-page using loop with html Modal Box.texts saved in database.i using laravel framework.only show modal box for first item.maybe it's can be javascript not loading problem. i used https://www.w3schools.com/howto/howto_css_modals.asp Modal box tutorials.used that css and javascript code.

just used w3schools code.

<div class="row">
    @foreach($dw as $ad)
        <!-- single product -->
        <div class="col-lg-4 col-md-6">
            <div class="single-product">
                <!---->
                <div>
                    <img class="img-fluid" src="" alt="">
                </div>

                <div class="product-details">
                    <h3 col-xl-5></h3>
                    <div class="price col-xl-11">
                        <h6 col-xl-12></h6>
                        <div>
                            <button id="myBtn">Details</button>

                            <!-- The Modal -->
                            <div id="myModal" class="modal">

                                <!-- Modal content -->
                                <div class="modal-content">
                                    <span class="close">&times;</span>
                                    <p></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="prd-bottom"><a href="">Send Your CV</a></div>
                </div>
            </div>
        </div>
    @endforeach   

no errors show. but not work modal box for all sets,only show in first item in loop

from Newest questions tagged laravel-5 - Stack Overflow https://ift.tt/2LVazm2
via IFTTT