如何在javascript中显示输入的每个值

我正在用javascript开发非常简单的聊天机器人

正如您在下面的示例中所看到的，将消息一个接一个地显示是不起作用的，它会替换以前的消息

我想把它展示给别人看

如何在javascript中显示每个输入值

这是js代码

var questionNum = 0;
var mt = '<strong>BOT:</strong><br>';
var divr = '<div class="request">';
var divi = '</div>'                                                 // keep count of question, used for IF condition.
var question = mt+'What is your id?';                 // first question


var output = document.getElementById('AutoMessage');                // store id="output" in output variable
output.innerHTML = question;

var mes = document.getElementById('request');



                                                    // ouput first question

function bot() { 
    var input = document.getElementById("mesbox").value;
    console.log(input);

    if (questionNum == 0) {
    mes.innerHTML = divr  + input + divi;// output response
    document.getElementById("mesbox").value = "";           // clear text box
    question = mt+ 'how old are you?';                  // load next question       
    setTimeout(timedQuestion, 2000);                                    // output next question after 2sec delay
    }

    else if (questionNum == 1) {
    mes.innerHTML = divr+ input +divi;
    document.getElementById("mesbox").value = "";   
    question = mt+ 'where are you from?';                           
    setTimeout(timedQuestion, 2000);
    }  
     else if (questionNum == 2) {
    mes.innerHTML = divr +  input+divi;
    document.getElementById("mesbox").value = "";   
    question = mt+ 'is that good?';                           
    setTimeout(timedQuestion, 2000);
    }   
}

function timedQuestion() {
    output.innerHTML = question;
}

//push enter key (using jquery), to run bot function.
//push enter key (using jquery), to run bot function.
$(document).keypress(function(e) {
  if (e.which == 13) {
    bot();                                                                                      // run bot function when enter key pressed
    questionNum++;                                                                      // increase questionNum count by 1
  }
   $(document).find('#chatBox').append(html);
      $(this).val('');
});

还有html

<div class="container">
<h4 class="display-4 text-center"> Very Simple Chatbot </h4>  
         <hr>

         <div class="chatBox" id="chatBox">

             <div class="response"><div id="AutoMessage"> <strong>bot:</strong> <br>Writing... </div></div>


            <div  id="request"></div>




                   <input class="w3-input" id="mesbox" type="text" placeholder="Mesajınızı buraya giriniz...">




         </div>
</div>

---

我不知道你想要的结果是不是这样

var-questionNum=0； var mt='BOT:'； var-divr=； var divi=//保留问题计数，用于IF条件。 var question=mt+“您的id是什么？”；//第一个问题 var output=document.getElementById'AutoMessage'；//存储id=输出变量中的输出 output.innerHTML=问题； var mes=document.getElementById'request'； //第一个问题 函数bot{ var text=； var input=document.getElementByIdmesbox.value； console.loginput； 如果questionNum==0{ text=mes.innerHTML； mes.innerHTML=text+divr+input+divi；//输出响应 document.getElementByIdmesbox.value=；//清除文本框 question=mt+'你多大了？'；//加载下一个问题 setTimeouttimedQuestion，2000；//在2秒延迟后输出下一个问题 } 如果questionNum==1，则为else{ text=mes.innerHTML； mes.innerHTML=text+divr+input+divi； document.getElementByIdmesbox.value=； 问题=mt+“你从哪里来？”； setTimeouttimedQuestion，2000年； } 如果questionNum==2，则为else{ text=mes.innerHTML； mes.innerHTML=text+divr+input+divi； document.getElementByIdmesbox.value=； 问题=mt+“这好吗？”； setTimeouttimedQuestion，2000年； } } 函数时间问题{ output.innerHTML=问题； } //使用jquery按enter键，运行bot功能。 //使用jquery按enter键，运行bot功能。 $document.keypressfunction{ 如果e.which==13{ bot；//按enter键时运行bot功能 questionNum++；//将questionNum计数增加1 } //$document.find'chatBox'.appendhtml； $this.val； }; 非常简单的聊天机器人 机器人：写作。。。

---

是的，它是，但也自动消息，就像一个聊天应用程序