H5版人工智能(纯属娱乐)

2019年9月13日 118次阅读 来源: DisplayNone

从微博上看的，python版的，好搞笑，然后就写了个h5版的，超级简易版人工智能。废话不多说上图。
《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>

辛苦的学习中，总得找点乐子~~~

    原文作者：DisplayNone
    原文地址: https://segmentfault.com/a/1190000017386317
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞