api_take_data

  <script>
        /*OVA E LINKOT ZA PROMENA OD API : http://64871864.ngrok.io*/
        function loadDoc(url,card_data) {
            var row = document.getElementById('dataset');

            row.innerHTML = "";
            var card="";

            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {

                    var data = JSON.parse(this.response);

                    for(var i=0; i<data.length; i++)
                    {

                        card = card + '<div class="'+card_data+'" style="min-height:350px;">';
                        card+='<p class="mx-auto"><img src="https://dummyimage.com/150x150/000/fff" class="rounded-circle"/></p>';
                        card+='<h4 class="card-title text-center">'+ data[i][1] +'</h4>';
                        card+='<p><small>MESTO:<br>'+data[i][4]+'<br>CENA: '+data[i][2]+'</small></p>';
                        card+='<p><small">OPIS:<br>'+data[i][3]+'</small></p>';
                        card+='<a href="#" onclick="tmp('+ data[i][0] +')">Povekje</a>';

                        row.innerHTML+=card;
                        card="";
                    }

                }
            };
            xhttp.open("GET", url, true);
            xhttp.send();
        }
        loadDoc("http://localhost:5000/products","card col-md-5 col-lg-3 pt-4 mb-2");

        function tmp(item)
        {
            loadDoc("http://localhost:5000/products/"+item,"card col-md-12 pt-4 mb-2 text-center");
        }

    </script>