Show load errors on the page

A failed fetch of the URL from the l parameter only warned on the console,
leaving the user with "No file loaded" and no hint why.

diff --git a/chordpro-web.js b/chordpro-web.js
index cfac467d8bf591a3c028ced7cb1b9a3a59086716..f24ca37ca6566eb9932a9aca960f829eada730c1 100644 (file)
--- a/chordpro-web.js
+++ b/chordpro-web.js
@@ -81,12 +81,10 @@ const loadURL = new URL(location).searchParams.get('l');
 if (loadURL) {
     try {
         const response = await fetch(loadURL);
-        if (response.ok) {
-            renderChordpro(await response.text());
-        } else {
-            console.warn('Failed to fetch', loadURL, ':', response.status, response.statusText);
-        }
+        if (!response.ok)
+            throw new Error(`${response.status} ${response.statusText}`);
+        renderChordpro(await response.text());
     } catch (error) {
-        console.warn('Failed to fetch', loadURL, ':', error);
+        document.getElementById('title').textContent = `Failed to load ${loadURL}: ${error.message}`;
     }
 }