How to create a chatbot using html, css and javascript
- how to build a chatbot in javascript
- how to make a chatbot in javascript
- how to build a chatbot from scratch in javascript
- how to create a bot in javascript
How to make a chatbot in html
Javascript chatbot github.
Create Working Chatbot in HTML CSS & JavaScript
/*style.css*/@importurl('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*{box-sizing:border-box;margin:0;padding:0;}body{font-family:"Poppins",sans-serif;font-weight:400;font-style:normal;background-color:#f7f7f7;}.chatBot{border:3pxsolid#2F8D46;border-radius:10px;margin:50pxauto;overflow:hidden;width:500px;overflow-y:clip;height:600px;background:rgb(255,255,255)url(gfg-gg-logo.svg);background-size:contain;box-shadow:0px0px10pxrgba(0,0,0,0.1);background-repeat:no-repeat;background-position:center;}header{background-color:#2F8D46;text-align:center;padding:10px0;border-radius:7px7px00;}headerh2{color:#fff;margin:0;}.chatbox{padding:15px;list-style:none;overflow-y:auto;height:400px;}.chatboxli{margin-bottom:10px;}.chatp{padding:10px;border-radius:10px;max-width:70%;word-wrap:break-word;}.chat-outgoingp{background-color:#162887;align-self:flex-end;color:#fff;}.chat-incomingp{backgrou
- how to make a discord bot in javascript
- how to create a chatbot in react js