Проще будет использовать что-то типа такого:
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
<div id="result"></div>
<script>
// Получаем массив
$(document).ready(function(){
$.getJSON('https://api.opendota.com/api/proMatches', my_getJSON); // вызываем callback-функцию
});
// парсим массив data
function my_getJSON(data)
{
"use strict";
// сюда будем пихать результат
let str = '';
for (let a = 0; a < data.length; a++)
{
str += data[a].radiant_name + ' VS ' + data[a].dire_name + '<br>';
}
// выводим результат
$("#result").html(str);
}
</script>
</body>
</html>