Как скачать файл POST запросом в zennoposter?

edward_freedom, разобрался =) просто неправильно формировал сам запрос изначально.

По правильному надо было обращаться по url

https://user-agents.net/download?platform=android

и передавать данные

download=txt&platform=android

Как вынести массив javascript во внешний json и потом подключить?

Сергей Соколов, может тогда вместо json оптимальней ini?

Как вынести массив javascript во внешний json и потом подключить?

Сергей Соколов, будет использоваться на сайте

Как сделать выполнение скрипта асинхронно в нескольких блоках?

вопрос решен )

Как сделать выполнение скрипта асинхронно в нескольких блоках?

Хорошо, кое-какого результата добиться удалось
но перестали работать выбор месяца и года. Как исправить этот ньюанс?

Как сделать выполнение скрипта асинхронно в нескольких блоках?

Получается, что календари как бы появились, но при выборе даты в одном из них меняется значение в теге h1 первого календаре, а не в соответствующем. И активный выделенный день каждого календаря исчезает при следующем выборе в любом из других календарей.

Как сделать выполнение скрипта асинхронно в нескольких блоках?

alexalexes, хорошо тогда если сделать так, то все равно есть баги

let now = new Date().toLocaleDateString()
document.querySelector('.heading').innerText = now

let calendars = [...document.querySelectorAll('.calendar')]
for (const calendar of calendars) {
  const month_names = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']

isLeapYear = (year) => {
    return (year % 4 === 0 && year % 100 !== 0 && year % 400 !== 0) || (year % 100 === 0 && year % 400 === 0)
}

getFebDays = (year) => {
    return isLeapYear(year) ? 29 : 28
}

generateCalendar = (month, year) => {

    let calendar_days = calendar.querySelector('.calendar-days')
    let calendar_header_year = calendar.querySelector('#year')

    let days_of_month = [31, getFebDays(year), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]

    calendar_days.innerHTML = ''

    let currDate = new Date()
    if (!month) month = currDate.getMonth()
    if (!year) year = currDate.getFullYear()

    let curr_month = `${month_names[month]}`
    month_picker.innerHTML = curr_month
    calendar_header_year.innerHTML = year

    // get first day of month

    let first_day = new Date(year, month, 1)

    for (let i = 0; i <= days_of_month[month] + first_day.getDay() - 1; i++) {
        let day = document.createElement('div')
        if (i >= first_day.getDay()) {
            day.classList.add('calendar-day-hover')
            day.innerHTML = i - first_day.getDay() + 1
            day.innerHTML += `<span></span>
                            <span></span>
                            <span></span>
                            <span></span>`
            if (i - first_day.getDay() + 1 === currDate.getDate() && year === currDate.getFullYear() && month === currDate.getMonth()) {
                day.classList.add('curr-date')
            }
        }
        calendar_days.appendChild(day)
    }
}

let month_list = calendar.querySelector('.month-list')

month_names.forEach((e, index) => {
    let month = document.createElement('div')
    month.innerHTML = `<div data-month="${index}">${e}</div>`
    month.querySelector('div').onclick = () => {
        month_list.classList.remove('show')
        curr_month.value = index
        generateCalendar(index, curr_year.value)
    }
    month_list.appendChild(month)
})

let month_picker = calendar.querySelector('#month-picker')

month_picker.onclick = () => {
    month_list.classList.add('show')
}

let currDate = new Date()

let curr_month = { value: currDate.getMonth() }
let curr_year = { value: currDate.getFullYear() }

generateCalendar(curr_month.value, curr_year.value)

document.querySelector('#prev-year').onclick = () => {
    --curr_year.value
    generateCalendar(curr_month.value, curr_year.value)
}

document.querySelector('#next-year').onclick = () => {
    ++curr_year.value
    generateCalendar(curr_month.value, curr_year.value)
}


document.addEventListener('click', addDate);

function addDate() {
    if (event.target.closest('.calendar-day-hover')) {

        let numbers = document.querySelectorAll('.calendar-day-hover');
        numbers = Array.from(numbers);

        numbers.forEach(function(item) {

            item.addEventListener('click', function() {

                numbers.forEach(function(elem) {
                    // удаляем фон у всех дат
                    elem.classList.remove('curr-date');

                });
            });
        });
        //// добавляем фон кликнутой дате
        event.target.classList.add('curr-date');

        let text = document.querySelector('.heading');

        /// получем месяц и год
        let month = document.querySelector('.month-picker');
        let date = document.querySelector('#year');

        /// добавляем дату в текст
        text.innerHTML = `${event.target.textContent} ${month.textContent}       ${date.textContent}`;
    }
}
}

Как сделать выполнение скрипта асинхронно в нескольких блоках?

Попробовал, но как-то криво все работает

document.querySelectorAll('.calendar').forEach(makeSlider)

function makeSlider(calendar) {

    const month_names = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']

    isLeapYear = (year) => {
        return (year % 4 === 0 && year % 100 !== 0 && year % 400 !== 0) || (year % 100 === 0 && year % 400 === 0)
    }

    getFebDays = (year) => {
        return isLeapYear(year) ? 29 : 28
    }

    generateCalendar = (month, year) => {

        let calendar_days = calendar.querySelector('.calendar-days')
        let calendar_header_year = calendar.querySelector('#year')

        let days_of_month = [31, getFebDays(year), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]

        calendar_days.innerHTML = ''

        let currDate = new Date()
        if (!month) month = currDate.getMonth()
        if (!year) year = currDate.getFullYear()

        let curr_month = `${month_names[month]}`
        month_picker.innerHTML = curr_month
        calendar_header_year.innerHTML = year

        // get first day of month

        let first_day = new Date(year, month, 1)

        for (let i = 0; i <= days_of_month[month] + first_day.getDay() - 1; i++) {
            let day = document.createElement('div')
            if (i >= first_day.getDay()) {
                day.classList.add('calendar-day-hover')
                day.innerHTML = i - first_day.getDay() + 1
                day.innerHTML += `<span></span>
                                <span></span>
                                <span></span>
                                <span></span>`
                if (i - first_day.getDay() + 1 === currDate.getDate() && year === currDate.getFullYear() && month === currDate.getMonth()) {
                    day.classList.add('curr-date')
                }
            }
            calendar_days.appendChild(day)
        }
    }

    let month_list = calendar.querySelector('.month-list')

    month_names.forEach((e, index) => {
        let month = document.createElement('div')
        month.innerHTML = `<div data-month="${index}">${e}</div>`
        month.querySelector('div').onclick = () => {
            month_list.classList.remove('show')
            curr_month.value = index
            generateCalendar(index, curr_year.value)
        }
        month_list.appendChild(month)
    })

    let month_picker = calendar.querySelector('#month-picker')

    month_picker.onclick = () => {
        month_list.classList.add('show')
    }

    let currDate = new Date()

    let curr_month = { value: currDate.getMonth() }
    let curr_year = { value: currDate.getFullYear() }

    generateCalendar(curr_month.value, curr_year.value)

    document.querySelector('#prev-year').onclick = () => {
        --curr_year.value
        generateCalendar(curr_month.value, curr_year.value)
    }

    document.querySelector('#next-year').onclick = () => {
        ++curr_year.value
        generateCalendar(curr_month.value, curr_year.value)
    }

    ///// новый код

    document.addEventListener('click', addDate);

    function addDate() {
        if (event.target.closest('.calendar-day-hover')) {

            let numbers = document.querySelectorAll('.calendar-day-hover');
            numbers = Array.from(numbers);

            numbers.forEach(function(item) {

                item.addEventListener('click', function() {

                    numbers.forEach(function(elem) {
                        // удаляем фон у всех дат
                        elem.classList.remove('curr-date');

                    });
                });
            });
            //// добавляем фон кликнутой дате
            event.target.classList.add('curr-date');

            let text = document.querySelector('.heading');

            /// получем месяц и год
            let month = document.querySelector('.month-picker');
            let date = document.querySelector('#year');

            /// добавляем дату в текст
            text.innerHTML = `${event.target.textContent} ${month.textContent}       ${date.textContent}`;
        }
    }
}

Как повесить обработчик события нажатия с передачей информации в блок?

но вот если вывожу два одинаковых блока с календарем, то при клике в одном меняется значение h1 из другого блока. Пока не разобрался как это побороть

Как повесить обработчик события нажатия с передачей информации в блок?

кажется я понял =) путем перебора всех полученных значений через querySelectorAll

Как повесить обработчик события нажатия с передачей информации в блок?

Иван, а если у меня несколько тегов h1 с классом heading

<h1 class="heading">сюда вывести выбранную дату</h1>
 <h1 class="heading">сюда вывести выбранную дату2</h1>  
<h1 class="heading">сюда вывести выбранную дату3</h1>

Как в каждую вывести выбранную дату* В данный момент выводит только в одно

Как повесить обработчик события нажатия с передачей информации в блок?

выводилось у меня сверху в убывающем порядке, например -4 -3 -2 -1 0, хотя по правильному должны были быть дни прошлого месяца

Как повесить обработчик события нажатия с передачей информации в блок?

у меня получалось сверху 0, а снизу пустота

Как повесить обработчик события нажатия с передачей информации в блок?

вот это имел в виду - дни с прошлых месяцев (просто чтобы выводились, но не выводились в блок с классом heading)

Как повесить обработчик события нажатия с передачей информации в блок?

а каким образом можно вывести остальные дни предыдущих месяцев? Получается сейчас вместо них сейчас пустые блоки. Пробовал сделать, но у меня в самом начале добавляются значения и то минусовые.

Как повесить обработчик события нажатия с передачей информации в блок?

Да, точно работает. Спасибо )

Как повесить обработчик события нажатия с передачей информации в блок?

Вроде работает =)

Как повесить обработчик события нажатия с передачей информации в блок?

Прошу прощения, не было в мыслях даже.
Я добавил тег

<input id="headings" type="text" value="headings" />

А в Jacascript изменил на

document.querySelector('.calendar-days').addEventListener('click', e => {
  if (e.target.classList.contains('calendar-day-hover')) {
    currDate = new Date(curr_year.value, curr_month.value, e.target.innerText);
    document.getElementById('headings').value = currDate.toLocaleDateString('ru-RU');
    e.currentTarget.querySelector('.curr-date')?.classList.remove('curr-date');
    e.target.classList.add('curr-date');
  }
});

Правильно сделал?

Как повесить обработчик события нажатия с передачей информации в блок?

а если тег H1 заменить на input?

Как повесить обработчик события нажатия с передачей информации в блок?

Спасибо большое! Все работает прекрасно