Pasted

<!DOCTYPE html>
<html lang="en">
 <head>
    <title>Promices Demo</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/style.css" rel="stylesheet">
    <script>
        var url = "https://api.privatbank.ua/p24api/pubinfo?exchange&json&coursid=11";    
        function CallCORS() {        
            var XHR = window.XDomainRequest || window.XMLHttpRequest        
            var xhr = new XHR();        
            xhr.open('GET', url, true);         // замена onreadystatechange
                    
            xhr.onload = function() {            
                let str = "<table>";
                let data = JSON.parse(xhr.responseText);
                for (let item of data) {
                    str += `<tr><td>${item.ccy}</td><td>${item.base_ccy}</td><td>${item.buy}</td><td>${item.sale}</td></tr>`;
                }
                document.getElementById("ajax-results").innerHTML = str + "</table>";
            }         
            xhr.onerror = function() {            
                alert("Error")        
            }         
            xhr.send()    
        }
             
        function init() {        
            try {            
                CallCORS()        
            } catch (e) {            
                alert("В этом браузере данная фича не поддерживается.")        
            }
            // function init() {
            //     $.ajax({
            //         crossDomain: true,
            //         url: "https://api.privatbank.ua/p24api/pubinfo?exchange&json&coursid=11",
            //         type: "GET",
            //         success: function(data) {
            //             //called when successful
            //             let str = "<table>";
            //             for (let item of data) {
            //                 str += `<tr><td>${item.ccy}</td><td>${item.base_ccy}</td><td>${item.buy}</td><td>${item.sale}</td></tr>`;
            //             }
            //             $("#ajax-results").html(str + "</table>");
            //         },
            //         error: function(e) {
            //             //called when there is an error
            //             console.log(e.message);
            //         }
            //     });
            // }    
        }
    </script>
</head>
 <body onload="init()">
    <table id="ajax-results">
     </table>
      <script src="node_modules/jquery/dist/jquery.js"></script>
    <!--<script src="demo.js"></script>-->
</body>
 </html>