程序员的知识教程库

网站首页 > 教程分享 正文

做一个Deepseek爆梗对话生成器(附代码)

henian88 2025-03-05 16:17:41 教程分享 84 ℃ 0 评论


群里看到这种对话,就让Deepseek帮我做一个



软件如下:


代码如下:桌面新建文本,另存为deepseek对话生成器.html


deepseek Logo


温馨提示:仅供娱乐,不要做违法的事情,法网恢恢,疏而不漏。

<!DOCTYPE html


  
  
  Deepseek 对话生成器
  


  

Deepseek 对话生成器

<script> // 获取DOM元素 const chatHistory = document.getElementById('chat-history'); const userInput = document.getElementById('user-input'); const sendBtn = document.getElementById('send-btn'); const resetBtn = document.getElementById('reset-btn'); const avatarUpload = document.getElementById('avatar-upload'); const roleSelect = document.getElementById('role-select'); let deepseekAvatarUrl = "https://img.alicdn.com/tfs/TB1uYRYJFXXXXXqaXXXXXXXXXXX-112-112.png"; // 默认头像 // 更新Deepseek头像 function updateDeepseekAvatar(url) { deepseekAvatarUrl = url; const existingAvatars = chatHistory.querySelectorAll('.deepseek-message img'); existingAvatars.forEach(img => img.src = deepseekAvatarUrl); } // 添加对话到历史记录 function addMessageToHistory(sender, message) { const messageElement = document.createElement('div'); messageElement.classList.add('message', `${sender}-message`); if (sender === 'deepseek') { const avatar = document.createElement('img'); avatar.src = deepseekAvatarUrl; messageElement.appendChild(avatar); } const messageText = document.createElement('div'); messageText.classList.add('message-text'); messageText.textContent = message; messageElement.appendChild(messageText); chatHistory.appendChild(messageElement); chatHistory.scrollTop = chatHistory.scrollHeight; // 滚动到底部 } // 处理发送按钮点击 sendBtn.addEventListener('click', () => { const userMessage = userInput.value.trim(); const sender = roleSelect.value; if (userMessage && sender) { addMessageToHistory(sender, userMessage); userInput.value = ''; // 清空输入框 } }); // 处理重置按钮点击 resetBtn.addEventListener('click', () => { chatHistory.innerHTML = ''; // 清空对话历史 }); // 处理头像上传 avatarUpload.addEventListener('change', (event) => { const file = event.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = (e) => { updateDeepseekAvatar(e.target.result); }; reader.readAsDataURL(file); } }); </script>

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表