/* Author:: Dlite Date:: 8th Dec 2018 */ alert("Hello there !\nThis bot is still under development.\nI would need your help on how to improve the code.\nDont forget to like the code and leave a comment onr critique") $(function(){ var input = $("input"); input.click(()=>{ input.css("border","none"); }) var senButton = $("#send"); var inputBar = $(".input-bar"); class Msg{ constructor(sender){ this.sender = sender; } markUp(){ var box =$("

"); box.addClass("msg-box") var header = $('

'); header.addClass("msg-head"); var img = $(""); img.attr("src","https://dl.dropbox.com/s/8jjyt2rgx6ii4x2/user-16.png") var span = $(""); span.text(this.sender); header.append(img); header.append(span) var body = $("

"); body.addClass("msg-body"); var msgContent = $("

"); msgContent.text(input.val()); body.append(msgContent); box.append(header) box.append(body); box.addClass("user-msg"); return box; } send(){ var msg = this.markUp(); $("body").append(msg); } } class Question{ constructor(question,answer){ this.question = question; this.answer = answer; } } class Bot{ constructor(name,maker){ this.name = name; this.maker = maker; this.imgSrc = "https://dl.dropbox.com/s/xxzqpsh67cl499x/100-robotics-99.png"; } reply(question,questions){ var box =$("

"); box.addClass("msg-box") var header = $('

'); header.addClass("msg-head"); var img = $(""); img.attr("src",this.imgSrc) var span = $(""); span.text(this.name); header.append(img); header.append(span) var body = $("

"); body.addClass("msg-body"); var msgContent = $("

"); body.append(msgContent); box.append(header) box.append(body); for(let reply of questions){ if(reply.question.test(question)){ msgContent.text(reply.answer) $("body").append(box); return ; } msgContent.text("Sorry, I dont know about that") $("body").append(box); } } } var me = {name:"Dlite"}; var myMessage = new Msg(me.name); var bot = new Bot("Lite","Afe") var questions = [] questions.push(new Question(/^Who are you/i,"I am Lite d Bot")) questions.push(new Question(/How are you/i,"I'm good, thanks for asking")) questions.push(new Question(/^hello/i,"Hi, how're you ?😀")) questions.push(new Question(/^How old are you/i,()=>{return 17;})) questions.push(new Question(/Who created you/i,"I was made by Dlite de Awesome")) questions.push(new Question(/what is your name/i,"Lite")) questions.push(new Question(/I'm good/i,"That is great")) questions.push(new Question (/[(Hi)|(Hey)]/i, "Hello ✌")) senButton.click(()=>{ if(!(input.val())) return ; myMessage.send(); var txt= input.val(); setTimeout(()=>{ bot.reply(txt,questions) },1500) input.val(""); }) senButton.dblclick(()=>{ input.toggleClass("hidden") inputBar.toggleClass("nobGcolor") }) })

Chat Simulation