[Javascript] 숫자야구 (3) + 추가

저번에 했던 숫자야구에 내가 입력한 답들을 기록해 놓으면 더 좋을 것 같아 추가해보았다.

 

 

ol태그를 document.createElement()를 이용해 생성하고, 입력한 답이 틀리면 li태그를 같은 방법으로 생성해 

틀릴때마다 내가 입력한 답을 보여줄 수 있도록 하였다. 

홈런이 되거나 10번의 기회가 끝나서 새로운 문제가 생성되면 기록한 리스트 목록을 지우고

처음부터 다시 기록할 수 있도록 하였다. 

 

 

innerHTML을 이용해서 ol태그안의 모든 태그들을 삭제 시켜주었다.

innerHTML  

innerHTML은 해당 태그안에 포함되어 있는 하위 태그들을 설정 시킬 수 있다. 

그래서 innerHTML의 값을 설정하면 안에 있던 모든 태그 요소들이 사라지고 새로 입력한 내용으로 재설정 된다. 

 

ol.innerHTML = ''; 으로 하여, ol태그의 안에 있는 (이때 ol태그는 포함 되지 않는다!) 하위 태그인 li태그부분을 지워주었다.

 

근데 하위 태그까지 모두 건들여 버리기 때문에 사용하는데 있어 조심히 사용해야 할 것 같다.

또 보안에 있어 취약함이 있다고 하니까 앞으로는 최대한 다른 방법을 사용해 보는게 좋을 것 같다.