Breaking News: Grepper is joining You.com. Read the official announcement!

html chatbot

Add Answer

Thomas coder answered on January 28, 2022 Popularity 9/10 Helpfulness 4/10

answer html chatbot

related html chat box

related chatbot html

html chatbot

Comment

<!DOCTYPE html>
<html>
<body>
<style>
button {
  background-color: dodgerblue;
}
p {
  text-align: center;
}
</style>

<p><button onclick="myFunction()">Click here to wake me up</button></p>

<p id="demo"></p>

<script>
function myFunction() {
  var text;
  var ms = prompt("Ask me anything.");
  switch(ms) {
    case "hello":
      text = "HI, What do you want to ask me?";
      break;
    case "how are you":
      text = "I am fine. Hope you are fine too.";
      break;
    case "hi":
      text = "Yes. What do you want to ask?";
      break;
    case "hey":
      text = "Yes. What do you want to ask?";
      break;      
    case "yes":
      text = "Okay. So what do you want to ask?";
      break;
    case "search":
      text = '<form action="https://www.google.com/search" target="_blank"><input name="q" size="50" placeholder="type your search term and click enter"></form>';
      break;
    case "functions":
      text = "I can help you to find answers to your questions, I can give the weather report , I can show you the current time";
      break;      
    case "weather":
      text = '<a href="https://www.accuweather.com/en/us/google/94043/weather-forecast/74907_poi" target="_blank">Weather report</a>';
      break;     
    case "time":
      text = new Date().toLocaleTimeString();
      break;
    default:
      text = "I didn't understand that";
  }
  document.getElementById("demo").innerHTML = text;
}
</script><hr>

<p>TYPE hello, how are you, hi, hey, yes, search, functions, weather, time etc.</p>

</body>
</html>

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: chatbot html

Link to this answer
Share Copy Link

Contributed on Apr 30 2022

Thomas coder

0 Answers Avg Quality 2/10

Closely Related Answers

html chat box

Comment

<h1>Chat-box (With HTML and JAVASCRIPT)</h1>
<title>User chat</title>
<div><input id=input placeholder="Press Enter to Send" /></div><br><br>
Chat Output
<div id=box></div>
<script src=https://cdn.pubnub.com/sdk/javascript/pubnub.4.28.2.min.js></script>
<script> (function() {
        var pubnub = new PubNub({
            publishKey: 'demo',
            subscribeKey: 'demo'
        });
        function $(id) {
            return document.getElementById(id);
        }
        var box = $('box'),
            input = $('input'),
            channel = '10chat-demo';
        pubnub.addListener({
            message: function(obj) {
                box.innerHTML = ('' + obj.message).replace(/[<>]/g, '') + '<br>' + box.innerHTML
            }
        });
        pubnub.subscribe({
            channels: [channel]
        });
        input.addEventListener('keyup', function(e) {
            if ((e.keyCode || e.charCode) === 13) {
                pubnub.publish({
                    channel: channel,
                    message: input.value,
                    x: (input.value = '')
                });
            }
        });
    })();
</script>

Popularity 10/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: box

Link to this answer
Share Copy Link

Contributed on Jan 28 2022

Thomas coder

0 Answers Avg Quality 2/10

chatbot html

Comment

<body>
 
    <mybot></mybot>

  </div>

  <script src="https://ajax.********************ery.min.js"></script>
  <script src="assets/js/script.js"></script>
</body>

Popularity 9/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: chatbot

Link to this answer
Share Copy Link

Contributed on Aug 21 2022

Mohammad alshraideh

0 Answers Avg Quality 2/10

html chatbot

Contents

More Related Answers

html chatbot

Closely Related Answers

html chat box

chatbot html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.