<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple AI Chatbot</title>
</head>
<body>
<h1>AI Chatbot</h1>
<input type="text" id="userInput" placeholder="Ask me something...">
<button onclick="chat()">Send</button>
<p id="response"></p>
<script>
function chat() {
let input = document.getElementById("userInput").value.toLowerCase();
let responseBox = document.getElementById("response");
// Load AI memory from localStorage
let aiMemory = JSON.parse(localStorage.getItem("aiMemory")) || {};
if (aiMemory[input]) {
responseBox.innerHTML = aiMemory[input]; // Respond from memory
} else {
let newResponse = prompt("I don't know that. How should I respond?");
aiMemory[input] = newResponse; // Save new response to AI memory
localStorage.setItem("aiMemory", JSON.stringify(aiMemory));
responseBox.innerHTML = "Thanks! I learned something new!";
}
}
</script>
</body>
</html>
It simply will ask you how to answer it then it will learn
Sry the code lacks out on this website however you can still run it on jsfiddle sorry the html platform here also doesnot support this script thanks for your understanding