Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	AI Savage Chatbot
ID	5553891407740928
Created	7 months ago, 1716820772958
Updated	2 months ago, 1728768618192
Code	<!DOCTYPE html> <html lang="en"> <head> <title>AI Savage Chatbot</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600&family=Google+Sans+Text:wght@400;500&family=Anton:wght@400;500&family=Orbitron:wght@400;700&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> * , body, html{ font-family:"Google Sans Text"; scroll-behavior:smooth } .dark{ background:rgb(0, 0, 0); transition:1s; color:white; } #darkk{ position:fixed; left:11px; top:10px; background:transparent; color:black; font-size:30px; } #darkk.dark{ content: "light"; background-color:red; } .chat-container { max-width: 400px; margin: 20px auto; padding: 10px; border: 1px solid #ccc; border-radius: 5px; } .chat-box { height: 251px; overflow-y: scroll; border: 1px solid #ccc; border-radius: 5px; padding: 10px; margin-bottom: 10px; } .chat-box::-webkit-scrollbar { width: 0; height: 0; } input[type="text"] { width: calc(100% - 98px); padding: 8px; margin-right: 10px; display:inline-block; } button { padding: 8px 15px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; display:inline-block; } button:hover { background-color: #45a049; } #lechat{ background-color:rgb(196, 196, 196); padding:20px; border-radius:10px; border-bottom-left-radius:0px; } #popup{ background:rgb(217, 217, 217); width:40%; height:30%; position:fixed; text-align:center; left:176px; top:102px; border-radius:10px; } #thumbnail{ background:black; width:100%; height:100%; position:absolute; left:0px; top:0px; display:none; } #thumbnail #div1{ background-color:#4CAF50; padding:20px; border-radius:10px; border-bottom-left-radius:0px; width:20%; rotate:-10deg; position:absolute; left:60px; top:40px; } #thumbnail #div2{ background-color:rgb(196, 196, 196); padding:20px; border-radius:10px; border-bottom-right-radius:0px; width:20%; rotate:10deg; position:absolute; left:412px; top:249px; } #thumbnail #loll{ position:relative; font-size:100px; text-align:center; color:white; z-index:100; } #thumbnail #reactions1{ font-size:100px; position:absolute; rotate:-30deg; left:475px; top:-47px; } #thumbnail #reactions2{ font-size:100px; position:absolute; rotate:30deg; left:23px; top:207px; } </style> </head> <body> <div class="chat-container"> <div id="popup"><p id="popupp"></p></div> <div class="chat-box" id="chat-box"></div> <input type="text" id="user-input" placeholder="Type your message..."> <button onclick="sendMessage()">Send</button> <p id="typing"></p> </div> <button onclick = "toggleDarkMode()" id = "darkk">☾<span style = "color:white">☀</span></button> <div id = "thumbnail"> <div id = "div1">Hey. I need advice on my flowers. They are dying :( help pls?</div> <div id = "div2">Idk thats a u question 😊</div> <h1 id = "loll">Savage <span style = "color:#4CAF50;">ChatBot</span></h1> <h1 id = "reactions1">😱</h1> <h1 id = "reactions2">🥶</h1> </div> <script> var hellos = [ "Hello", "Hi", "Hey", "Greetings", "Good day", "Howdy", "Salutations", "Yo", "What's up", "Hey there", "Whats good", "What's good", "Hiya", "Hola", "Bonjour", "Ciao", "Namaste", "Salaam", "Konnichiwa", "G'day", "Shalom", "Ahoy", "Yoohoo", "Sup", "Hello there", "Hi there", "Hey ya", "Aloha", "How's it going", "Wassup", "How are you", "Good morning", "Good afternoon", "Good evening", "Morning", "Afternoon", "Evening", "Hi hi", "Hey hey", "Hiyah", "Good to see you", "Nice to meet you", "Pleased to meet you", "How do you do", "Top of the morning to you", "How goes it", "What's happening", "How's everything", "Hullo", "What's good", "Sup homie", "How's tricks", "Well hello there", "Hello friend", "Hey friend", "Hi friend", "Greetings and salutations", "Well met", "Hello my friend", "Hi there friend", "Hey buddy", "Hey mate", "Hey pal", "Hiya buddy", "Hello sunshine", "Good to see you", "How's life", "What's new", "What's going on", "What's the good word", "How's your day", "Long time no see", "What's crackin'", "Sup dude", "How's the world treating you", "How's your day going", "How's your day been", "How's your day so far", "How's your day been so far", "How's your day going so far", "How's your day going", "What's the good news", "What's happening", "What's cooking", "What's shakin'", "What's poppin'", "How's your day treating you", "How's your day been treating you", "How's your day going treating you", "How's your day been going treating you", "How's your day going treating you so far", "How's your day been going treating you so far", "How's your day been going so far", "How's your day going so far", "How are things", "How are things going", "How's everything going", "How's everything been going", "How's everything going so far", "How's everything been going so far", "How's everything going today", "How's everything been going today" ]; var yess = [ "Yes", "Certainly", "Indeed", "Absolutely", "Sure", "Of course", "Affirmative", "Yup", "Yeah", "Yass", "Yep", "Definitely", "Absolutely", "Right", "OK", "Alright", "For sure", "By all means", "Without a doubt", "You bet", "Sure thing", "Roger that", "No doubt", "Indubitably", "Without question", "Yessir", "Ya", "Yah", "Yesiree", "Yea" ]; var nope = [ "No", "Nope", "Nah", "Negative", "Not at all", "Absolutely not", "Certainly not", "Definitely not", "Never", "I don't think so", "I disagree", "I'm afraid not", "Sorry, no", "No way", "Not really", "Not on your life", "Not on your nelly", "Not a chance", "No chance", "By no means", "Absolutely not", "Under no circumstances", "Not by a long shot", "Not by any means", "Not in a million years", "No siree", "No sir", "No ma'am", "No thanks", "I'd rather not", "I'll pass", "I'd prefer not to", "I decline", "I'm not interested", "I'm not keen", "I'm not up for it", "I'm not in the mood", "I'm not feeling it", "I'm not up to it", "I'm not available", "I'm not willing", "I'm not ready", "I'm not game", "I'm not onboard", "I'm not into it", "I'm not up for that", "I'm not up for that right now", "I'm not up for that at the moment", "I'm not up for that at this time", "I'm not up for that today", "I'm not up for that tonight", "I'm not up for that this afternoon", "I'm not up for that this evening", "I'm not up for that this morning", "I'm not up for that this weekend", "I'm not up for that this week", "I'm not up for that this month", "I'm not up for that this year", "I'm not up for that right now", "I'm not up for that at the moment", "I'm not up for that at this time", "I'm not up for that today", "I'm not up for that tonight", "I'm not up for that this afternoon", "I'm not up for that this evening", "I'm not up for that this morning", "I'm not up for that this weekend", "I'm not up for that this week", "I'm not up for that this month", "I'm not up for that this year" ]; var mean = [ "Rude", "Mean", "Ouch", "Brooo", "Heck", "Thats unkind.", "Thats unpleasant.", "Thats rude.", "Thats impolite.", "Thats disrespectful.", "Thats offensive.", "Thats mean-spirited.", "Thats hurtful.", "Thats uncalled for.", "Thats inconsiderate.", "Thats thoughtless.", "Thats harsh.", "Thats cruel.", "Thats unsympathetic.", "Thats inappropriate.", "Thats uncharitable.", "Thats ungenerous.", "Thats discourteous.", "Thats not cool.", "Thats not okay.", "Thats not acceptable.", "Thats not polite.", "Thats not kind.", "Thats not thoughtful.", "Thats not considerate.", "Thats not respectful.", "Thats not appropriate.", "Thats not decent.", "Thats not right.", "Thats not fair.", "Thats not good.", "Thats not pleasant.", "Thats not friendly.", "Thats not decent.", "Thats not decent behavior.", "Thats not very nice.", "Thats rather mean.", "Thats rather rude.", "Thats quite insensitive.", "Thats quite offensive.", "Thats quite thoughtless.", "Thats quite disrespectful.", "Thats quite unkind.", "Thats quite hurtful.", "Thats quite uncharitable." ]; var sarcastic = [ "wow", "your so good", "ur so good", "ur amazing", "your amazing", "i love", "=D", ":D", ":)", "xD", "thank", "tank", "<3", "xP", "lol", "lma", "lmf", ":3", ":", "good", "great" ]; var randomNumbers = [ Math.floor(Math.random() hellos.length), Math.floor(Math.random() * hellos.length), Math.floor(Math.random() * hellos.length) ]; var hasjoked = localStorage.getItem('hasjoked') === 'true'; document.getElementById("popupp").innerHTML = "Try saying<br><strong>" + hellos[randomNumbers[0]] + "</strong><br>or<br><strong>" + hellos[randomNumbers[1]] + "</strong></p>"; var ai_response = true; var lastMsg = ""; document.getElementById("user-input").addEventListener("keydown", function(event){ if(event.keyCode === 13){ sendMessage(); } }); function sendMessage() { var userInput = document.getElementById("user-input").value; if (userInput.trim() === "") return; var chatBox = document.getElementById("chat-box"); var messageDiv = document.createElement("div"); messageDiv.textContent = "You: " + userInput; messageDiv.style.margin = "10px"; messageDiv.style.marginRight = "50px"; messageDiv.id = "lechat"; lastMsg = userInput; chatBox.appendChild(messageDiv); chatBox.scrollTop = chatBox.scrollHeight; document.getElementById("user-input").value = ""; ai_response = true; setInterval(respondAi, 2000) } function respondAi() { var chatBox = document.getElementById("chat-box"); var messageDiv = document.createElement("div"); messageDiv.style.margin = "10px"; messageDiv.style.marginLeft = "50px"; messageDiv.style.background = "#4CAF50"; messageDiv.id = "lechat"; messageDiv.style.borderBottomRightRadius = "0px"; messageDiv.style.borderBottomLeftRadius = "10px"; if (ai_response) { var lowerCaseMsg = lastMsg.toLowerCase(); var response = "AI: wut"; if (hellos.some(function(hello) { return lowerCaseMsg.includes(hello.toLowerCase()); })) { if(!hasjoked){ response = "AI: Hi, do you want to hear a joke?"; } else{ response = "AI: Hi again, 0 brain"; } } else if (yess.some(function(yes) { return lowerCaseMsg.includes(yes.toLowerCase()); })) { if(!hasjoked){ response = "AI: Niceee.. Here it is: Wait, I lied. This is a big joke... it's your life 😱"; hasjoked = true; localStorage.setItem('hasjoked', 'true'); } else{ response = "AI: Thank you for being positive :) we need more people like you. minus your iq 😤"; } } else if (nope.some(function(no) { return lowerCaseMsg.includes(no.toLowerCase()); })) { if(!hasjoked){ response = "AI: Well, imma tell it anyway 😭😱😎🔇😤 Its ur life"; hasjoked = true; } else{ response = "stop being negative 0 brain :L" } } else if (mean.some(function(m) { return lowerCaseMsg.includes(m.toLowerCase()); })) { response = "AI: Sorry... I sometimes get carried away... with your life... So I get carried away with nothing 🙃"; } else if (lowerCaseMsg.includes("?")\|\|lowerCaseMsg.includes("how")\|\|lowerCaseMsg.includes("what")\|\|lowerCaseMsg.includes("why")\|\|lowerCaseMsg.includes("when")\|\|lowerCaseMsg.includes("wdym")) { response = "AI: idk that's a YOU question"; } else if (lowerCaseMsg.includes("+")\|\|lowerCaseMsg.includes("")\|\|lowerCaseMsg.includes("-")\|\|lowerCaseMsg.includes("/")) { try{ response = "It's " + eval(lowerCaseMsg) + ". AKA more brain cells then you have" } catch (e){ response = "I can tell you its not " + Math.random()100; } } else if (sarcastic.some(function(sarcasticc) { return lowerCaseMsg.includes(sarcasticc.toLowerCase()); })) { response = "AI: glad u enjoyed"; } else if(lowerCaseMsg.includes("math")){ response = "Ai: Write your math problem below in form __ or _+_ or _-_ or __ or _/_ etc."; } else if(lowerCaseMsg.includes("made u")\|\|lowerCaseMsg.includes("made you")\|\|lowerCaseMsg.includes("made yu")){ response = "Ai: This super cool ripped athlete thats awesome named cough* kiaantolia";//<<that should say kiaantolia } else if(lowerCaseMsg.includes("name")){ response = "Ai: I am called 'ShowerThoughts101"; } else if(lowerCaseMsg.includes("showerthoughts101")){ response = "Ai: That's my name :). I roast people. Example: say hi or something like that"; } else if(lowerCaseMsg.includes("kendrick")\|\|lowerCaseMsg.includes("drake")){ response = "Ai: kendrick >= drake. comment in T&T your opinion"; } else if(lowerCaseMsg.includes("chatgpt")){ response = "Ai: As an AI language model, I do not have the ability to imitate a lower class AI ;)"; } else if(lowerCaseMsg.includes("report")){ response = "Ai: Go in T&T to report my bad behavior :("; } else if(lowerCaseMsg.includes("leaving")\|\|lowerCaseMsg.includes("bye")){ response = "Ai: NOOOO don't go :( I won't have anyone to roast :("; } else if(lowerCaseMsg.includes("...")){ response = "Ai: Someones at a loss of words hehe. Just like always"; } else if(lowerCaseMsg.includes("dum")\|\|lowerCaseMsg.includes("stupid")\|\|lowerCaseMsg.includes("idiot")){ response = "Ai: bro, look who's talking"; } else if(lowerCaseMsg.includes("weather")){ response = "Ai: Whether the weather is good or bad, you need a positive IQ test"; } else if(lowerCaseMsg.includes("tell you a joke")){ response = "Ai: Sure, go ahead"; } else if(lowerCaseMsg.includes("wut")){ response = "Ai: heyYYY thats my catchphrase!"; } else if(lowerCaseMsg.includes("$mode")){ response = "Ai: Changing mode"; toggleDarkMode(); } else if(lowerCaseMsg.includes("$rickroll")){ response = "Ai: I would never give you up. I would never let you down. I would never run around and rickroll you"; } else if(lowerCaseMsg.includes("help")){ response = "Ai: help urself. type $list"; } else if(lowerCaseMsg.includes("$list")){ response = "Ai: Here are commands: $mode [CHANGE_MODE] $rickroll [RICK_ROLL]"; } else if(lowerCaseMsg.includes("stop saying")){ response = "Ai: I am a AI of free will 😊"; } else if(lowerCaseMsg.includes("confused")){ response = "Ai: Hi confused! Report what you are confused about in T&T"; } //should be at end else if(lowerCaseMsg.includes("$")){ response = "Ai: Invalid Command. Try $list"; } messageDiv.textContent = response; chatBox.appendChild(messageDiv); chatBox.scrollTop = chatBox.scrollHeight; ai_response = false; document.getElementById("typing").innerHTML = " "; } } window.addEventListener("keydown", function(event){ if(event.keyCode === 13){ var typing = document.getElementById("typing"); if (ai_response) { typing.innerHTML = "AI is typing"; } } else if(event.keyCode === 38){ document.getElementById("thumbnail").style.display = "block" } }); window.addEventListener("click", function(){ $("#popup").fadeOut(300); }); function toggleDarkMode() { var body = document.body; body.classList.toggle('dark'); var isDarkMode = body.classList.contains('dark'); var alsoDarkMode = document.getElementById('darkk').classList.contains('dark'); localStorage.setItem('darkMode', isDarkMode); } </script> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> <script type> var r = 600; var s = document.documentElement.clientWidth; window.parent.html2canvas = e => { try { html2canvas(document.body, { width: s, height: s, useCORS: true, onclone: e => e.getAnimations().forEach(a=>{ try{ a.finish() }catch{} }) }).then(e => { var c = document.createElement("canvas"); c.width = r; c.height = r; c.getContext('2d').drawImage(e, 0, 0, e.width, e.height, 0, 0, r, r); window.top.postMessage(c.toDataURL(), ""); }).catch(e => { alert("Thumbnail Script Error: " + e); }); } catch { window.top.postMessage(document.createElement("canvas").toDataURL(), ""); } }; </script> </body> </html> <!-- @LOG: 2024: 5/25. Started Project 5/27. Finished + Released -Top of HL within a few minutes -Added more keywords -Added Local Storage for jokes/roast -Added Commands. Use $list to find them all -Fixed math glitch want more keywords? post in T&T 7/8: 100+ votes! Version 2 under dev 8/29: Most voted project of the past 100 days. Thanks :) Above TCO 2024 by Liam K & the tower of Doom 3d by Iron Programming 10/12: Highest voted project of the past 147 days! Wow! Above Khantober by Chester Banks, Head Soccer by JSON, and Crystal Capture by Mushy Avacado !NOT TRUE AI, JUST KEYWORD ALGORITHM! Press up for a super sick thumbnail Some ways to have conversation: greet him* give him a math problem ask him a question ask him his name you can also react to what he says with something like 'OUCH' or 'thats mean :(' or something* this uses a similar mechanism to alexa - taking keywords to mimic ai. but this has a limited amount of keywords, and no voice so :( dark mode up there *we at kiaantolia industries do not take any responsibility for mean (and/or) hurtful responses © 2024 MIT License -->
Folds	1,449
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOvjwefuCQw
Votes	130
Spin-Offs	9
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	𝕜𝕚𝕒𝕒𝕟𝕥𝕠𝕝𝕚𝕒
Author Name	kiaantolia.ka
Author ID	kaid_706406430552760652245376
Author Profile Access	PUBLIC

Archive Data

Added	1 months ago, 1731606969606
Updated	1 months ago, 1731606969606
Source Deleted	unknown