try { const translation = await googleTranslate(inputText, 'ms-Arab', 'ms-Latn'); outputDiv.textContent = translation; } catch (error) { console.error('Translation error:', error); errorDiv.textContent = 'Translation failed. Please check your internet connection and try again.'; errorDiv.style.display = 'block'; outputDiv.textContent = 'Translation error occurred.'; } finally { loadingDiv.style.display = 'none'; } }
button { flex: 1; padding: 12px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: 8px; font-size: 16px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; } google translate jawi kepada rumi
button:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } outputDiv.textContent = translation
.result { background: #f8f9fa; padding: 15px; border-radius: 10px; min-height: 100px; margin-top: 10px; border: 2px solid #e0e0e0; } } catch (error) { console.error('Translation error:'
.container { background: white; border-radius: 20px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); padding: 40px; max-width: 900px; width: 100%; }