H5版人工智能(純屬娛樂)

從微博上看的，python版的，好搞笑，而後就寫了個h5版的，超級簡易版人工智能。廢話很少說上圖。

input框輸入內容，點擊發送就可聊天。
js代碼：

<script type="text/javascript">
    let box = document.querySelector('div');
    let btn = document.querySelector('button');
    let ipt = document.querySelector('input');
    btn.addEventListener('click',function(){
        let val = ipt.value;
        val ? push(val) : '';
        ipt.value = '';
    })
    function push(val) {
        box.innerHTML += '<p>'+val+'</p>';
        setTimeout(function(){
            val = val.replace(/[?？]/g,'!').replace(/嗎/g,'');
           box.innerHTML += '<p class="red">'+val+'</p>';
        },1000);
    }

</script>

剩下的代碼沒寫樣式

div {
      width: 60%;
      height:500px;
      border: 1px solid #f7f7f7;
      margin: 0 auto;
      background: #ccc;
  }
  input {
      display: block;
      margin: 20px auto;
  }
  button {
      margin: 0 auto;
      display: block;
  }
  .red {
      color: red;
  }
<div></div>
<input type="" name="">
<button>發送</button>

辛苦的學習中，總得找點樂子~~~