How can I fetch data when a button is clicked?

How can I fetch data when a button is clicked?

You can use JavaScript's fetch API to retrieve data when a button is clicked. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

document.getElementById('myButton').addEventListener('click', function() {
    fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => console.log(data));
});

This code fetches data from the specified URL when the button is clicked.

What if I want to display the fetched data on the webpage?

You can modify the code to update the DOM with the fetched data. For example:

document.getElementById('myButton').addEventListener('click', function() {
    fetch('https://api.example.com/data')
        .then(response => response.json())
        .then(data => {
            document.getElementById('output').innerText = JSON.stringify(data);
        });
});

This will display the fetched data in an element with the ID 'output'.