변수선언은 function 바깥에...(이것 때문에 시간 걸림)
랩실 대학원생분이 내 코드 보더니 else-if 투성이라며 js dictionary를 쓰라고 기겁하셨다
html
<!DOCTYPE html>
<html lang="kor">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="chatbot.css"/>
</head>
<body>
<div class="layout">
<img class="cat" src="지냥이.jpg">
<div class="cat_says">
지냥이는 신관 앞 벤치에 살아!
</div>
<br>
<div class="input_layout">
<input type="text" id="console" class="input_style">
</div>
<div class="button" onclick=check_text()>
</div>
<script src="./chatbot.js"></script>
</div>
</body>
</html>
css는 수정한 부분이 없어 생략
js
var n=0;
var c=1;
function check_text() {
var value = document.getElementById("console").value;
console.log(n);
console.log(value);
if (value == "지냥아") {
document.getElementsByClassName("cat_says")[0].innerHTML="지냥이 왜 불러~?";
}
else if (value == "지냥이 손!") {
document.getElementsByClassName("cat_says")[0].innerHTML="손 말고 츄르 달라옹!";
}
else if (value == "불꺼줘") {
if(n==0){
document.getElementsByClassName("cat_says")[0].innerHTML="싫다 냥!";
n++;
}
else if(n==1){
n++;
document.getElementsByClassName("cat_says")[0].innerHTML="냥냥~";
}
else{
document.getElementsByClassName("cat_says")[0].innerHTML="캄캄해져라! 냥";
document.body.style.backgroundColor="gray";
}
}
else if (value == "불켜줘") {
document.getElementsByClassName("cat_says")[0].innerHTML="밝아져라! 냥";
document.body.style.backgroundColor="white";
}
else if (value == "따라해봐") {
c=1;
document.getElementsByClassName("cat_says")[0].innerHTML="따라하기 냥!";
}
else if (value == "따라하기 그만") {
c=2;
document.getElementsByClassName("cat_says")[0].innerHTML="알았다 냥";
}
else if (c!=2) {
value = value + " 냥!";
document.getElementsByClassName("cat_says")[0].innerHTML =value;
}
else {
alert("지냥이는 지금 사료 먹는 중! 말 걸어줄거야?");
}
}result
'교육 > 2022 모각코 코뮤니티 2월과정 - js' 카테고리의 다른 글
| 모각코2월-JS-15일차-챗봇5 (0) | 2022.03.01 |
|---|---|
| 모각코2월-JS-14일차-챗봇4 (1) | 2022.03.01 |
| 모각코2월-JS-12일차-챗봇2:배경색 (0) | 2022.02.22 |
| 모각코2월-JS-11일차-챗봇1 (0) | 2022.02.21 |
| 모각코2월-JS-10일차-전화걸기 (0) | 2022.02.18 |
