[Konstantin47]

(async () => {
    const response = await fetch('https://api.spacexdata.com/v4/starlink/');
    const data = await response.json();
    for(const starlink of data) {
        document.write(`<p>${starlink.id}</p>`);
    }
})();

Это работает, но
как можно это оформить в виде функции с именем, чтобы повесить onclick?

мне вот это вступление покоя не даЕт (async () (с)
эта часть с примера - просто function name(){ и вся фунцкия пробовал, но не работает)}
до этого я подходил вообще так

const textButton = document.getElementById('number');

const outputDiv = document.getElementById('output');

const textURL = 'https://api.spacexdata.com/v4/starlink';


textButton.addEventListener('click', () => {
    fetch(textURL)
        .then( response => {
            outputDiv.innerHTML = 'Proszę poczekać';
            if(response.ok) {
                return response;
            } throw Error(response.statusText);
        })
        .then( response => response.text() )
        .then( text => outputDiv.innerText = text )
        .catch( error => console.log('There was an error:', error))
},	false);

работает и клик работает, но оказалось, нельзя через текст

Cпасибо