Javascript:onclick函数工作一次，页面就会恢复到原来的状态

这是一个原型，所以我想得到的是，当你在文本区没有任何内容的情况下点击聊天时，"机器人"文本会发生变化，每次都会出现一个计数器，因此消息随后会有所不同。

但我得到的是，文本会更改，但随后页面会很快恢复。

头部中的javascript

<script>
var emptyCount = 0;
function startR() {
 console.log("jkfj");
 var text = document.getElementById('talk').value;
 if (!text) {
     if (emptyCount == 0) {
         document.getElementById('bot').innerHTML = "<h2>You need to say something first</h2><br />";
         emptyCount++;
     } else if (emptyCount == 1) {
         document.getElementById('bot').innerHTML = "<h2>What's wrong with you?</h2><br />";
         emptyCount++;
     } else if (emptyCount == 2) {
         document.getElementById('bot').innerHTML = "<h2>If you send another blank message I will deactivate the chat button.</h2><br />";
         emptyCount++;
     } else {
         alert("asd");
         $.ajax({
             url: 'queryBot.php',
             type: 'get',
             data: {
                 text: text
             },
             async: false,
             success: function (data) {
                 document.getElementById('bot').innerHTML = "<h2>" + data + "</h2><br />";
             },
             cache: false
         });
     }
 }
}
</script>

HTML组件

<div id="bot">
    <h2>What do you want?</h2><br />
</div>
<input id="talk" type="textarea" class="tb5" name="searchterm" placeholder="Type to talk">
<input id="chat" type="submit" class="btn btn-success" onclick="startR()" value="Chat">