Добавить div внутри другого div с наибольшим числом внутри

• Попробуйте селектор запросов

const downloads = document.querySelectorAll('download_count');
// and find max value
Math.max(downloads);

или

const elements = document.getElementsByClassName('download_count');

1. Используйте querySelectorAll, чтобы выбрать все элементы div, имеющие класс download_count
2. Пройдитесь по массиву и сохраните div с наибольшим значением textContent. (Преобразуйте значение textContent из строки в число, чтобы начальные и конечные пробелы не учитывались при сравнении)

let divNodes = document.querySelectorAll('.download_count');
divNodes = Array.from(divNodes);
const maxDownloadedDiv = divNodes.reduce((previousDiv, currentDiv) => {
   return Number(previousDiv.textContent) > Number(currentDiv.textContent) ? previousDiv : currentDiv;
});

3. Создайте div для ожидаемого поведения, используя document.createElement.
4. Добавьте его как дочерний элемент внутри ранее сохраненного div с помощью appendChild.

const mostDownloaded = document.createElement('div');
mostDownloaded.classList.add('most-downloaded');
mostDownloaded.textContent = 'Most downloaded file on the website!';

maxDownloadedDiv.appendChild(mostDownloaded);

У меня есть другое решение, основанное на том, что ответил Эмре, вот код:

let downCounts = Array();
document.querySelectorAll('.download_count').forEach(elem => {
  downCounts.push(elem.innerText.trim())
});
downCounts.sort();
downCounts.reverse(); // It sorts from lowest to highest => we need to reverse so the first object in array is the highest

// Here you put the div styles of the div that will be put in the most downloaded 
var div = document.createElement("div");
div.style.width = "200px";
div.style.height = "200px";
div.style.backgroundColor = "red";

// Now we just create the div inside with the most downloads
document.querySelectorAll('.download_count').forEach(elem => {
  if (elem.innerText.trim() == downCounts[0])
  {
    elem.appendChild(div)
  }
});