<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <script src="jquery-3.7.1.min.js"></script>
    <script>
        function pobierz() {
            $.getJSON("/rest/products", function( data ) {
                // console.log(data)
                data.forEach((product) => {$("#produkty").append("<p> " + product.productName + " za cenę " + product.price + "</p>")})
            })
        }

        $(document).ready(function(event) {
            $("#guzik").on("click", pobierz)
        })
    </script>
</head>
<body>
<h1>Stronka ze skryptem</h1>

<div><button id="guzik">Pobierz produkty</button></div>

<div id="produkty">

</div>

</body>
</html>
