Update index.html

index.html

@@ -450,23 +450,31 @@ function hello() {
         }
 
         // Function to insert a badge
-        function insertBadge() {
-            const label = document.getElementById('badge-label').value || 'label';
-            const message = document.getElementById('badge-message').value || 'message';
-            const color = document.getElementById('badge-color').value || 'blue';
-            const icon = document.getElementById('badge-icon').value;
-
-            let badgeUrl = `https://img.shields.io/badge/${encodeURIComponent(label)}-${encodeURIComponent(message)}-${color}`;
-            if (icon) {
-                badgeUrl += `?logo=${icon}`;
-            }
-
-            const badgeMarkdown = `![${label}](${badgeUrl})`;
-
-            input.value += `\n${badgeMarkdown}`;
-            updatePreview();
-            hideModal('badge-modal');
-        }
+function insertBadge() {
+    const label = document.getElementById('badge-label').value || 'label';
+    const message = document.getElementById('badge-message').value || 'message';
+    const color = document.getElementById('badge-color').value || 'blue';
+    const icon = document.getElementById('badge-icon').value;
+    const url = document.getElementById('badge-url').value; // Get the URL
+
+    let badgeUrl = `https://img.shields.io/badge/${encodeURIComponent(label)}-${encodeURIComponent(message)}-${color}`;
+    if (icon) {
+        badgeUrl += `?logo=${icon}`;
+    }
+
+    // Create the badge Markdown
+    let badgeMarkdown = `![${label}](${badgeUrl})`;
+
+    // If a URL is provided, wrap the badge in a link
+    if (url) {
+        badgeMarkdown = `[${badgeMarkdown}](${url})`;
+    }
+
+    // Insert the badge into the editor
+    input.value += `\n${badgeMarkdown}`;
+    updatePreview();
+    hideModal('badge-modal');
+}
 
         // Function to insert a link
         function insertLink() {