No Return on API JSON, Want to Display a Text

I am using an API from Aeris Weather Alerts and when there is no alerts for the area, the response is blank (“response”: []). Using the code below, is there a code I can use when the response is blank to have a default text that reads “No Weather Alerts”?

window.onload = () => {
const target = document.getElementById('alerts');
const aeris = new AerisWeather('CODE', 'PASSWORD');
const request = aeris.api().endpoint('alerts').place('SDZ047').filter('county').limit(3);
request.get().then((result) => {
    const reports = result.data;
    if (reports.length > 0) {
      let html = '';
      reports.forEach((details) => {
        html += `
<div class="cardalert">
<div class="cardalert-body" style="background-color:#${details.details.color || '000000'};">
<div class="alertmessage">
<p><img class="iconalert" src="${details.details.color || 'N/A'}.gif"></p>
<p class="textalert">${details.details.name || ''}<br><span>Issued: ${aeris.utils.dates.format(new Date(details.timestamps.issued * 1000), 'MM/dd/yyyy h:mm a')} - Expires: ${aeris.utils.dates.format(new Date(details.timestamps.expires * 1000), 'MM/dd/yyyy h:mm a')}</span></font>
</div>
</div>
<br><p class="bodytext">${details.details.body}</p><br>
</div>
`;
      });
      target.innerHTML = html;
    }
  });
};

</script>

Nothing at this time besides putting a second layer with a text.