js 미니게임- 3글자 끝말잇기(3)

form에 preventDefault를 이용해 글자를 묶어두었다.

이제 그 글자를 if문을 활용하여 끝말을 잘 이었는지 걸러보자.

☝️만약에 내가 이어야 하는 글자의 끝자와 내가 입력한 글자의 첫자가 같다면?
&& 만약에 입력한 글자가 3글자 글자라면

if(word.textContent[word.textContent.length-1] === writing.value[0] && writing.value.length === 3)

✌️같다 (true)

내가입력한 글자를 이어야 하는 글자로 저장하고

word.textContent = writing.value;

입력하는 칸 다시 비우기

writing.value='';

글고 입력창 아래 맞췄는지 결과답변을 나오게 한다.

answer.textContent = "굿잡"

커서를 위치시켜 입력이 가능하도록

writing.focus();

🤟같지 않다 (2개의 조건 모두 불만족, 혹은 한개만 만족)

틀렸다는 결과답변 나오게 한다.

answer.textContent = "땡!"

입력하는 칸 다시 비우기

writing.value='';

커서를 위치시켜 입력이 가능하도록

writing.focus();

form.addEventListener('submit',function play (e){
e.preventDefault();

if (word.textContent[word.textContent.length-1] === writing.value[0] && writing.value.length === 3 )
{    

word.textContent = writing.value;
writing.value='';
writing.focus();
answer.textContent = "굿잡" 
}else {       
     answer.textContent = "땡!"
    writing.value='';
    writing.focus();
 }
}