appendChild()
-
JavaScript 입문 : appendChild( ), append( )컴퓨터 알아가기/JavaScript 2022. 4. 6. 20:30
특정위치에 새로운 노드를 추가 시킬수 있는 메소드중 appendChild( ) 메소드는 새로운 노드를 맨 마지막에 추가 하는 메소드입니다. 다음 HTML에서 버튼을 누를때마다 node를 생성시키는 함수를 사용해 봅니다. appendNode( ) 함수를 만들고 위 JS를 클릭하면 부모인자(id = list) 맨 마지막에 newItem으로 지정된 항목이 맨 마지막 요소로 나태내어 집니다. HTML 클릭하면 다음과 여기서 말 그대로 appendChild( )이기때문에 가장 뒤에 위치하는 것은 기본으로 알아야 하며 중요한 것은 appendNode( )라는 함수를 만들고 클릭시 반영되는 시스템을 이해하여야 합니다. 앞으로 HTML에서 이벤트가 발생되는 경우는 반드시 함수화 시킨다라는 공식을 머리속에 저장해야 되겠..
-
JavaScript 입문 : 야구 숫자 게임 - 홈런 여부 검사컴퓨터 알아가기/JavaScript 2022. 4. 5. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. 지난 시간까지 숫자 4개가 제대로 입력이 되었는지에 대한 입력값 검증에 대해 공부를 해 보았습니다. 여기서 눈여겨 볼 만한 포인트는 form태그 이벤트리스너에서 입력값 검증 코딩이 길게 되는 경우 좀 더 효율적인 방법으로 함수를 외부에 지정하고 코딩을 하였습니다. 앞으로 기회가 되면 이런 훈련을 많이 해 봐야 할 것 같습니다 오늘은 홈런인지 아니면 몇 볼 몇 스트라이크 인지 판단을 하고 코딩을 하는 방법을 공부하고자 합니다. 1. 홈런인지 확인 게임의 규칙상 4자리 숫자를 우연히 정확하게 맞히면 홈런이라고 화면에 표시를 합니다. 물론 10번의 시도 중에서 볼과 스트라이크를 확인하면서 숫자를 맞춰야 겠지요. 만일 10번까지 시도를 한다고 ..