WishList

@{
    ViewData["Title"] = "Home Page";
}


<script src="https://code.jquery.com/jquery-2.2.4.js"></script>

<p class="m-3">
    Имена
</p>
<div class="container w-75 border border-5 mt-5 p-3 overflow-auto" style="height: 500px;">
    <span class="m-2"> Top Wishes</span>
    <ul class="list-group" id="wishes">
    </ul>
</div>

<a class="btn btn-primary" onclick="addWish('Wish 1', 'https://www.hasbro.com/common/productimages/en_AU/5FD22E33B62548E0B0069B502B824798/e75922ed992a582eb3d87bdad183a05d65354c2a.jpg' )"> add wish</a>



<script>
    const addWish = function (wishName, imgURL) {
        const wishlist = $("#wishes");



        let innerHTML = ' <li class="list-group-item " >'
            + '<div class = "row justify-content-between mt-3"> <div class="col-7">'
            + '<a href=""> '
            + '<img class= "ml-3"src="' + imgURL + '" style="max-width: 50px;">'
            + '<span>' + wishName + '</span>'
            + '</a>'
            + '</div>'
            + '<div class="col-2">'
            + '<a class="btn btn-primary">Up </a>'
            + '<a class="btn btn-primary">Down </a>'
            + '</div>'
            + '</div>'
            + '</li>'

        wishlist.append(innerHTML);

    }

</script>