Update index.html

index.html

@@ -8,6 +8,7 @@ body{background:#020617;color:#fff;font-family:sans-serif}
 .box{max-width:500px;margin:40px auto;background:#0f172a;padding:20px;border-radius:10px}
 input,select,button{width:100%;padding:10px;margin:6px 0}
 button{background:#38bdf8;border:0;cursor:pointer}
+button:disabled{opacity:.6;cursor:not-allowed}
 .msg{background:#020617;padding:8px;border-radius:5px;margin:5px 0}
 </style>
 </head>
@@ -18,7 +19,7 @@ button{background:#38bdf8;border:0;cursor:pointer}
 
 <input id="name" placeholder="username">
 <select id="domain"></select>
-<button onclick="createEmail()">Buat Email</button>
+<button id="btn" onclick="createEmail()" disabled>Buat Email</button>
 
 <b id="email"></b>
 <div id="inbox"></div>
@@ -27,29 +28,46 @@ button{background:#38bdf8;border:0;cursor:pointer}
 <script>
 let currentEmail = null;
 let timer = null;
+let domainList = [];
 
-// 🔧 FIX DI SINI
+// 🔥 LOAD DOMAIN + AUTO RANDOM
 async function loadDomains(){
     const r = await fetch('/api/domains');
     const j = await r.json();
 
     domain.innerHTML = '';
+    domainList = [];
+
     j.domains.forEach(d=>{
         const dom = typeof d === 'string' ? d : d.name;
+        domainList.push(dom);
         domain.innerHTML += `<option value="${dom}">${dom}</option>`;
     });
+
+    // auto pilih random
+    const random = domainList[Math.floor(Math.random() * domainList.length)];
+    domain.value = random;
+
+    btn.disabled = false;
 }
 
-// TIDAK DIUBAH
+// 🔥 CREATE EMAIL (AMAN)
 async function createEmail(){
+    if (!name.value.trim())
+        return alert('Username wajib diisi');
+
+    if (!domain.value)
+        return alert('Domain belum siap');
+
     const r = await fetch('/api/email/new',{
         method:'POST',
         headers:{'Content-Type':'application/json'},
         body:JSON.stringify({
-            name: name.value,
+            name: name.value.trim(),
             domain: domain.value
         })
     });
+
     const j = await r.json();
     if(!j.success) return alert(j.error);
 
@@ -60,11 +78,13 @@ async function createEmail(){
     timer = setInterval(loadInbox, 5000);
 }
 
-// TIDAK DIUBAH
+// 🔥 LOAD INBOX
 async function loadInbox(){
     if(!currentEmail) return;
+
     const r = await fetch('/api/email/' + currentEmail + '/messages');
     const j = await r.json();
+
     inbox.innerHTML = '';
     j.messages?.forEach(m=>{
         inbox.innerHTML += `