.code-label { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 2px; color: #ff5500; font-weight: 600; }
.header { background: #ff5500; padding: 2rem; text-align: center; }
input { width: 100%; padding: 1rem; border: 1px solid #ccc; border-radius: 60px; font-size: 1rem; transition: 0.2s; }
// Simulate backend activation check function activateDevice(enteredCode) { return new Promise((resolve) => { setTimeout(() => { if (!currentCode) { resolve({ success: false, message: 'No active code. Refreshing...' }); return; } if (enteredCode === currentCode) { // In real scenario: link device to user account resolve({ success: true, message: '✅ Device successfully activated! You can now play music.' }); } else { resolve({ success: false, message: '❌ Invalid code. Please check the code on your device.' }); } }, 500); }); }
const result = await activateDevice(userInput); if (result.success) { showMessage(result.message, 'success'); document.getElementById('userCode').value = ''; // Optional: refresh code after successful activation setTimeout(() => refreshActivationCode(), 1500); } else { showMessage(result.message, 'error'); } });
.logo { font-size: 2rem; font-weight: 800; color: white; letter-spacing: -0.5px; }
.code-label { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 2px; color: #ff5500; font-weight: 600; }
.header { background: #ff5500; padding: 2rem; text-align: center; }
input { width: 100%; padding: 1rem; border: 1px solid #ccc; border-radius: 60px; font-size: 1rem; transition: 0.2s; }
// Simulate backend activation check function activateDevice(enteredCode) { return new Promise((resolve) => { setTimeout(() => { if (!currentCode) { resolve({ success: false, message: 'No active code. Refreshing...' }); return; } if (enteredCode === currentCode) { // In real scenario: link device to user account resolve({ success: true, message: '✅ Device successfully activated! You can now play music.' }); } else { resolve({ success: false, message: '❌ Invalid code. Please check the code on your device.' }); } }, 500); }); }
const result = await activateDevice(userInput); if (result.success) { showMessage(result.message, 'success'); document.getElementById('userCode').value = ''; // Optional: refresh code after successful activation setTimeout(() => refreshActivationCode(), 1500); } else { showMessage(result.message, 'error'); } });
.logo { font-size: 2rem; font-weight: 800; color: white; letter-spacing: -0.5px; }