<script>
//힌트 버튼 클릭시 이벤트
const showHint = () =>{
//제출 횟수로 세기
ansCount += 1;
if(ansCount >= 5){
alert("패배하였습니다");
}
const wordIndex = Math.floor(Math.random()*ansText.length)
if(document.getElementById('hintTxt').textContent !== ""){
document.getElementById('hintTxt').textContent = ""
}else{
}
$hintTxt.append(`${ansText[Number(wordIndex)]}`,document.createElement("br"))
}
</script>
힌트 버튼을 누르면 문제의 단어에서 온전한 한 글자가 랜덤으로 나오게 했다.
다만 누를 때마다 기회 한번을 잃게 되고, 시도한 답안 횟수와 합쳐 5회가 넘어가면 패배하게 되도록 설정을 하였다.
wordIndex 변수 밑의 if문은, 이전에 힌트로 제시된 글자가 있으면 지우고 새로운 힌트 글자를 넣어주기 위해서이다. 저 if문을 넣어주지 않으면 글자들이 계속 이어져서 보기가 불편했다.