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

最新推荐文章于 2024-10-15 01:20:33 发布

weixin_34110749

最新推荐文章于 2024-10-15 01:20:33 发布

阅读量413

点赞数

文章标签：人工智能 python javascript ViewUI

原文链接：https://segmentfault.com/a/1190000017386317

版权

从微博上看的，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>

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