<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Yooco Random Chat</title><style>body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: white; color: black;}
#chatbox { width: 100%; height: 70vh; border: 1px solid #ccc; overflow-y: auto; padding: 10px; box-sizing: border-box;}
#input { width: 100%; box-sizing: border-box; padding: 10px; font-size: 1rem;}</style>
<!-- Firebase --><script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script><script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-database-compat.js"></script></head><body>
<h2>Random Chat</h2><div id="chatbox"></div><input id="input" placeholder="Type a message and press Enter">
<script>/* 🔥 Your Firebase config */const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_PROJECT.firebaseapp.com", databaseURL: "https://YOUR_PROJECT.firebaseio.com", projectId: "YOUR_PROJECT", storageBucket: "YOUR_PROJECT.appspot.com", messagingSenderId: "XXXX", appId: "XXXX"};
firebase.initializeApp(firebaseConfig);const db = firebase.database();
/* Ask for username */let username = prompt("Enter your username:");if(!username) username = "User" + Math.floor(Math.random()*1000);
/* Elements */const chatbox = document.getElementById("chatbox");const input = document.getElementById("input");
/* Send message */input.addEventListener("keydown", e => { if(e.key === "Enter" && input.value.trim()){ db.ref("randomChat").push({ user: username, text: input.value, time: Date.now() }); input.value = ""; }});
/* Receive messages in real time */db.ref("randomChat").limitToLast(100).on("child_added", snap => { const msg = snap.val(); chatbox.innerHTML += `<strong>${msg.user}:</strong> ${msg.text}<br>`; chatbox.scrollTop = chatbox.scrollHeight;});</script>
</body></html>
#chatbox { width: 100%; height: 70vh; border: 1px solid #ccc; overflow-y: auto; padding: 10px; box-sizing: border-box;}
#input { width: 100%; box-sizing: border-box; padding: 10px; font-size: 1rem;}</style>
<!-- Firebase --><script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-app-compat.js"></script><script src="https://www.gstatic.com/firebasejs/9.23.0/firebase-database-compat.js"></script></head><body>
<h2>Random Chat</h2><div id="chatbox"></div><input id="input" placeholder="Type a message and press Enter">
<script>/* 🔥 Your Firebase config */const firebaseConfig = { apiKey: "YOUR_API_KEY", authDomain: "YOUR_PROJECT.firebaseapp.com", databaseURL: "https://YOUR_PROJECT.firebaseio.com", projectId: "YOUR_PROJECT", storageBucket: "YOUR_PROJECT.appspot.com", messagingSenderId: "XXXX", appId: "XXXX"};
firebase.initializeApp(firebaseConfig);const db = firebase.database();
/* Ask for username */let username = prompt("Enter your username:");if(!username) username = "User" + Math.floor(Math.random()*1000);
/* Elements */const chatbox = document.getElementById("chatbox");const input = document.getElementById("input");
/* Send message */input.addEventListener("keydown", e => { if(e.key === "Enter" && input.value.trim()){ db.ref("randomChat").push({ user: username, text: input.value, time: Date.now() }); input.value = ""; }});
/* Receive messages in real time */db.ref("randomChat").limitToLast(100).on("child_added", snap => { const msg = snap.val(); chatbox.innerHTML += `<strong>${msg.user}:</strong> ${msg.text}<br>`; chatbox.scrollTop = chatbox.scrollHeight;});</script>
</body></html>