Election Results 2024 Live Update

byAjay Singh —يونيو 04, 2024 0

LIVE

Election Results 2024 Live Update

Post a Comment

Thanks for Reading..♥Keep Supporting..🙏

// Create chatbot container const chatbotContainer = document.createElement('div'); chatbotContainer.id = 'chatbot-container'; chatbotContainer.style.position = 'fixed'; chatbotContainer.style.bottom = '20px'; chatbotContainer.style.right = '20px'; chatbotContainer.style.width = '300px'; chatbotContainer.style.backgroundColor = '#f1f1f1'; chatbotContainer.style.borderRadius = '10px'; chatbotContainer.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)'; chatbotContainer.style.fontFamily = 'Arial, sans-serif'; chatbotContainer.style.display = 'none'; // Hidden by default // Create chatbot header const chatbotHeader = document.createElement('div'); chatbotHeader.id = 'chatbot-header'; chatbotHeader.style.backgroundColor = '#007bff'; chatbotHeader.style.color = 'white'; chatbotHeader.style.padding = '10px'; chatbotHeader.style.borderTopLeftRadius = '10px'; chatbotHeader.style.borderTopRightRadius = '10px'; chatbotHeader.style.display = 'flex'; chatbotHeader.style.justifyContent = 'space-between'; chatbotHeader.style.alignItems = 'center'; const headerText = document.createElement('p'); headerText.textContent = 'Chatbot'; chatbotHeader.appendChild(headerText); const closeBtn = document.createElement('button'); closeBtn.id = 'close-btn'; closeBtn.textContent = '×'; closeBtn.style.background = 'none'; closeBtn.style.border = 'none'; closeBtn.style.color = 'white'; closeBtn.style.fontSize = '20px'; closeBtn.style.cursor = 'pointer'; chatbotHeader.appendChild(closeBtn); // Create chatbot body const chatbotBody = document.createElement('div'); chatbotBody.id = 'chatbot-body'; chatbotBody.style.height = '200px'; chatbotBody.style.padding = '10px'; chatbotBody.style.overflowY = 'auto'; chatbotBody.style.borderBottom = '1px solid #ddd'; const chatbotMessages = document.createElement('div'); chatbotMessages.id = 'chatbot-messages'; chatbotMessages.style.display = 'flex'; chatbotMessages.style.flexDirection = 'column'; chatbotBody.appendChild(chatbotMessages); // Create chatbot input container const chatbotInputContainer = document.createElement('div'); chatbotInputContainer.id = 'chatbot-input-container'; chatbotInputContainer.style.display = 'flex'; chatbotInputContainer.style.padding = '10px'; const chatbotInput = document.createElement('input'); chatbotInput.id = 'chatbot-input'; chatbotInput.type = 'text'; chatbotInput.placeholder = 'Type a message...'; chatbotInput.style.flex = '1'; chatbotInput.style.padding = '8px'; chatbotInput.style.border = '1px solid #ddd'; chatbotInput.style.borderRadius = '5px'; chatbotInputContainer.appendChild(chatbotInput); const sendBtn = document.createElement('button'); sendBtn.id = 'send-btn'; sendBtn.textContent = 'Send'; sendBtn.style.background = '#007bff'; sendBtn.style.color = 'white'; sendBtn.style.border = 'none'; sendBtn.style.padding = '8px 12px'; sendBtn.style.marginLeft = '10px'; sendBtn.style.borderRadius = '5px'; sendBtn.style.cursor = 'pointer'; chatbotInputContainer.appendChild(sendBtn); // Append all elements to the chatbot container chatbotContainer.appendChild(chatbotHeader); chatbotContainer.appendChild(chatbotBody); chatbotContainer.appendChild(chatbotInputContainer); // Add chatbot to the body document.body.appendChild(chatbotContainer); // Show chatbot when page loads chatbotContainer.style.display = 'block'; // Close chatbot closeBtn.addEventListener('click', () => { chatbotContainer.style.display = 'none'; }); // Send message sendBtn.addEventListener('click', sendMessage); chatbotInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') sendMessage(); }); function sendMessage() { const userMessage = chatbotInput.value.trim(); if (userMessage) { // Add user message to chat appendMessage(userMessage, 'user-message'); chatbotInput.value = ''; // Simulate bot response setTimeout(() => { const botMessage = getBotResponse(userMessage); appendMessage(botMessage, 'bot-message'); }, 500); } } function appendMessage(message, className) { const messageElement = document.createElement('div'); messageElement.classList.add('message'); messageElement.style.margin = '5px 0'; messageElement.style.padding = '8px'; messageElement.style.borderRadius = '5px'; messageElement.style.maxWidth = '80%'; messageElement.textContent = message; if (className === 'user-message') { messageElement.style.background = '#007bff'; messageElement.style.color = 'white'; messageElement.style.alignSelf = 'flex-end'; } else if (className === 'bot-message') { messageElement.style.background = '#ddd'; messageElement.style.color = 'black'; messageElement.style.alignSelf = 'flex-start'; } chatbotMessages.appendChild(messageElement); chatbotMessages.scrollTop = chatbotMessages.scrollHeight; } function getBotResponse(userMessage) { // Simple bot responses const responses = { hello: 'Hi there! How can I help you?', hi: 'Hello! How are you?', how: 'I am just a simple chatbot, but I can try to assist you!', bye: 'Goodbye! Have a great day!', default: "I'm sorry, I didn't understand that. Can you rephrase?", }; const lowerCaseMessage = userMessage.toLowerCase(); return responses[lowerCaseMessage] || responses.default; }