11-14 QUIZ微信ロボットの作成

5962 ワード
テキストリンク
今日の質問:自分の微信ロボットを作成します
自分の微信ロボットを完成させましょう.
電気を消して、電源を入れて、話の機能を学びます

HTML

<body id="body">
    <div class="container">
        <div class="box-1">
            뀨ㅋ
        </div>
        <div class="box-2">
            <p>🦧</p>
        </div>
        <div class="box-3">
            <input type="text" class="chat_input"><br/>
            <button class="chat_btn">시키기</button>
        </div>
        <p>ex. 불꺼줘,불켜줘,따라해봐,그만해 뀨ㅋ</p>
    </div>
<body/>

JS

//챗봇만들기
const body = document.getElementById('body');
const chat = document.querySelector('.box-1');
const chatInput = document.querySelector('.chat_input');
const chatBtn = document.querySelector('.chat_btn');
let light =0;
let follow = 0;

chatBtn.addEventListener('click',()=>{
  chatInput.focus();
  let monkey = chatInput.value;
  if(monkey === '불꺼줘'){
    if(light==0){
      chat.innerText = '불꺼줘 뀨ㅋ?';
      light++;
      follow = 0;
    }else if(light >= 1){
      chat.innerText = 'ㅇㅋㅇㅋ꺼드림 뀨ㅋ';
      body.style.cssText  = 'color: white; background-color: black';
    }
  }else if(monkey === '불켜줘'){
    chat.innerText = '켜드림 뀨ㅋ'
    body.style = '';
  }

  if(monkey == '따라해봐'){
    follow = 0;
    if(follow == 0){
      follow++;
      console.log(follow)
      chat.innerText = '쌉가능 뀨ㅋ'
    }
    }else if(follow >= 1){
      console.log(follow)
      console.log(monkey)
      chat.innerText = monkey + '뀨ㅋ'; 
      if(monkey == '그만해 뀨ㅋ'){
        chat.innerText = '뀨ㅋ'
        follow = 0;
      }
  }
})
剣指OFFERの複雑なチェーンテーブルの複製(九度OJ 1524)
PgBouncer簡易テスト