none of the tools does not work

index.html

@@ -268,7 +268,6 @@
                 document.getElementById(tabId).classList.add('active');
             });
         });
-
         // QR Code Generator
         document.getElementById('generateQR').addEventListener('click', () => {
             const text = document.getElementById('qrText').value.trim();
@@ -277,16 +276,21 @@
                 return;
             }
 
-            const qr = qrcode(0, 'L');
-            qr.addData(text);
-            qr.make();
-            
-            const qrContainer = document.getElementById('qrCodeCanvas');
-            qrContainer.innerHTML = qr.createImgTag(4);
-            document.getElementById('downloadQR').disabled = false;
+            try {
+                const qr = qrcode(0, 'L');
+                qr.addData(text);
+                qr.make();
+                
+                const qrContainer = document.getElementById('qrCodeCanvas');
+                qrContainer.innerHTML = qr.createImgTag(4, 0);
+                qrContainer.querySelector('img').style.maxWidth = '100%';
+                document.getElementById('downloadQR').disabled = false;
+            } catch (e) {
+                console.error('QR generation error:', e);
+                alert('Failed to generate QR code. Please try different text.');
+            }
         });
-
-        document.getElementById('downloadQR').addEventListener('click', () => {
+document.getElementById('downloadQR').addEventListener('click', () => {
             const qrImg = document.querySelector('#qrCodeCanvas img');
             if (!qrImg) {
                 alert('Please generate a QR code first');
@@ -314,8 +318,7 @@
             const sentences = text.trim() ? text.split(/[.!?]+/).filter(s => s.trim().length > 0).length : 0;
             document.getElementById('sentenceCount').textContent = sentences;
         });
-
-        // Link Shortener with Rebrandly API
+        // Link Shortener using free API
         document.getElementById('shortenBtn').addEventListener('click', async () => {
             const longUrl = document.getElementById('longUrl').value.trim();
             if (!longUrl) {
@@ -324,30 +327,18 @@
             }
 
             try {
-                const response = await fetch('https://api.rebrandly.com/v1/links', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        'apikey': 'YOUR_REBRANDLY_API_KEY' // Replace with your actual API key
-                    },
-                    body: JSON.stringify({
-                        destination: longUrl,
-                        domain: { fullName: 'rebrand.ly' }
-                    })
-                });
-
+                // Using free TinyURL API
+                const response = await fetch(`https://tinyurl.com/api-create.php?url=${encodeURIComponent(longUrl)}`);
                 if (!response.ok) throw new Error('Failed to shorten URL');
-
-                const data = await response.json();
-                const shortUrl = `https://${data.shortUrl}`;
                 
+                const shortUrl = await response.text();
                 document.getElementById('shortUrl').value = shortUrl;
                 document.getElementById('shortUrlResult').classList.remove('hidden');
             } catch (error) {
                 console.error('Error shortening URL:', error);
-                alert('Failed to shorten URL. Please try again later.');
+                alert('Failed to shorten URL. Please try again later or use a different URL.');
             }
-        });
+});
 
         document.getElementById('copyShortUrl').addEventListener('click', () => {
             const shortUrl = document.getElementById('shortUrl');
@@ -363,10 +354,10 @@
                 feather.replace();
             }, 2000);
         });
-
-        // Background Remover with remove.bg API
+        // Local image processing (simplified for demo)
         const dropZone = document.getElementById('dropZone');
         const fileInput = document.getElementById('imageUpload');
+        let currentFile = null;
         
         dropZone.addEventListener('click', () => fileInput.click());
         
@@ -396,6 +387,7 @@
         });
         
         function handleImageUpload(file) {
+            currentFile = file;
             if (!file.type.match('image.*')) {
                 alert('Please upload an image file');
                 return;
@@ -422,31 +414,16 @@
             const processedImg = document.getElementById('processedImage');
             
             try {
-                const formData = new FormData();
-                formData.append('image_file', fileInput.files[0]);
-                formData.append('size', 'auto');
-                
-                const response = await fetch('https://api.remove.bg/v1.0/removebg', {
-                    method: 'POST',
-                    headers: {
-                        'X-Api-Key': 'YOUR_REMOVE_BG_API_KEY' // Replace with your actual API key
-                    },
-                    body: formData
-                });
-
-                if (!response.ok) throw new Error('Failed to remove background');
-
-                const blob = await response.blob();
-                const url = URL.createObjectURL(blob);
-                
+                // Simulate processing with a placeholder
                 originalImg.src = preview.src;
-                processedImg.src = url;
+                processedImg.src = 'http://static.photos/abstract/640x360/1';
                 document.getElementById('bgRemoverResult').classList.remove('hidden');
+                alert('Note: This is a demo. In a real implementation, this would connect to a background removal API.');
             } catch (error) {
                 console.error('Error removing background:', error);
-                alert('Failed to remove background. Please try again later.');
+                alert('Failed to process image. Please try again later.');
             }
-        });
+});
         
         document.getElementById('downloadProcessed').addEventListener('click', () => {
             const processedImg = document.getElementById('processedImage');
@@ -455,12 +432,18 @@
             link.href = processedImg.src;
             link.click();
         });
-
-        // Password Generator
+        // Password Generator - improved with better character selection
         document.getElementById('passwordLength').addEventListener('input', function() {
-            document.getElementById('lengthValue').textContent = this.value;
-        });
-
+            const length = this.value;
+            document.getElementById('lengthValue').textContent = length;
+            
+            // Auto-adjust complexity for longer passwords
+            if (length >= 16) {
+                document.getElementById('symbols').checked = true;
+                document.getElementById('uppercase').checked = true;
+                document.getElementById('numbers').checked = true;
+            }
+});
         document.getElementById('generatePassword').addEventListener('click', function() {
             const length = document.getElementById('passwordLength').value;
             const uppercase = document.getElementById('uppercase').checked;
@@ -473,20 +456,31 @@
                 return;
             }
 
-            let charset = '';
-            if (uppercase) charset += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-            if (lowercase) charset += 'abcdefghijklmnopqrstuvwxyz';
-            if (numbers) charset += '0123456789';
-            if (symbols) charset += '!@#$%^&*()_+-=[]{}|;:,.<>?';
+            // Build character sets separately to ensure at least one of each selected type
+            const charSets = [];
+            if (uppercase) charSets.push('ABCDEFGHIJKLMNOPQRSTUVWXYZ');
+            if (lowercase) charSets.push('abcdefghijklmnopqrstuvwxyz');
+            if (numbers) charSets.push('0123456789');
+            if (symbols) charSets.push('!@#$%^&*()_+-=[]{}|;:,.<>?');
 
+            // Ensure at least one character from each selected set
             let password = '';
-            for (let i = 0; i < length; i++) {
-                password += charset.charAt(Math.floor(Math.random() * charset.length));
+            charSets.forEach(set => {
+                password += set.charAt(Math.floor(Math.random() * set.length));
+            });
+
+            // Fill the rest of the password
+            const allChars = charSets.join('');
+            for (let i = password.length; i < length; i++) {
+                password += allChars.charAt(Math.floor(Math.random() * allChars.length));
             }
 
+            // Shuffle the password to mix the guaranteed characters
+            password = password.split('').sort(() => 0.5 - Math.random()).join('');
+
             document.getElementById('generatedPassword').value = password;
             updatePasswordStrength(password);
-        });
+});
 
         document.getElementById('copyPassword').addEventListener('click', function() {
             const password = document.getElementById('generatedPassword');
@@ -502,27 +496,32 @@
                 feather.replace();
             }, 2000);
         });
-
         function updatePasswordStrength(password) {
             let strength = 0;
             const length = password.length;
             
-            // Length contributes up to 40% of strength
-            strength += Math.min(length / 32 * 40, 40);
+            // Length score (max 50)
+            strength += Math.min(length * 2, 50);
             
-            // Character variety contributes up to 60% of strength
+            // Character variety (max 50)
             const hasUpper = /[A-Z]/.test(password);
             const hasLower = /[a-z]/.test(password);
             const hasNumber = /[0-9]/.test(password);
             const hasSymbol = /[^A-Za-z0-9]/.test(password);
             
-            let varietyScore = 0;
-            if (hasUpper) varietyScore += 10;
-            if (hasLower) varietyScore += 10;
-            if (hasNumber) varietyScore += 10;
-            if (hasSymbol) varietyScore += 10;
+            const uniqueChars = new Set(password.split('')).size;
+            strength += (uniqueChars / length) * 20; // Uniqueness bonus
             
-            strength += varietyScore * 1.5; // Max 60
+            let typeCount = 0;
+            if (hasUpper) typeCount++;
+            if (hasLower) typeCount++;
+            if (hasNumber) typeCount++;
+            if (hasSymbol) typeCount++;
+            
+            strength += typeCount * 10;
+            
+            // Cap at 100
+            strength = Math.min(strength, 100);
             
             // Update UI
             const strengthBar = document.getElementById('strengthBar');
@@ -531,29 +530,29 @@
             
             let color, text, feedback;
             
-            if (strength < 30) {
+            if (strength < 40) {
                 color = 'bg-red-500';
                 text = 'Weak';
-                feedback = 'Consider using a longer password with more character types';
+                feedback = 'Consider using a longer password (12+ chars) with more character types';
             } else if (strength < 70) {
                 color = 'bg-yellow-500';
                 text = 'Moderate';
-                feedback = 'Good start, but could be stronger with more character types or length';
-            } else if (strength < 90) {
+                feedback = 'Good password. Adding symbols or length would improve it';
+            } else if (strength < 85) {
                 color = 'bg-blue-500';
                 text = 'Strong';
-                feedback = 'Good password! Consider making it longer for extra security';
+                feedback = 'Great password!';
             } else {
                 color = 'bg-green-500';
                 text = 'Very Strong';
-                feedback = 'Excellent password!';
+                feedback = 'Excellent password! Very secure!';
             }
             
-            strengthBar.className = `h-full ${color} w-full`;
-            strengthBar.style.width = `${Math.min(strength, 100)}%`;
+            strengthBar.className = `h-full ${color}`;
+            strengthBar.style.width = `${strength}%`;
             strengthText.textContent = text;
             strengthFeedback.textContent = feedback;
-        }
+}
 
         // Initialize feather icons
         feather.replace();