본문 바로가기
728x90
반응형

자바스크립트3

[Javascript] 버튼 누르면 값 증가(누적)하는 로직 JavaScript ClosuresCounting with a local variable.Count!0​ 사실 이 방법이 이해가 아직 잘 가진 않는다. add() 함수가 실행될 때마다 함수 안의 지역변수가 0으로 초기화되는데 어떻게 기존 값을 가져오는건지...알고리즘을 공부해야 할 것 같다. 자바스크립트 코드리뷰였다. 출처: https://www.w3schools.com/ 2020. 3. 31.
[Javascript] document.write() 함수 사용시 주의 이벤트핸들러(ex.  on~)로 document.write(x) 사용시 모든 문서가 사라지고 x값만 출력되어 남게됨.이벤트 핸들러로 호출되는 함수 내에 기입해도 마찬가지다.  그러나 문서내 태그로 작성해넣는 경우는 그렇지 않고 위치에 맞게 잘 출력된다.이벤트핸들러로 호출되지 않는 함수 내에 기입된 경우도 마찬가지이다. 정리하자면 페이지 로딩 후 호출되는 경우는 현재 페이지를 덮어쓰기해버림. 이벤트핸들러에 적용시엔 innerHTML을 사용하자. + getElementById 는 대소문자 구분함! 이것때문에 함수가 작동하지 않는다면 오류 찾기 매우 힘들다😢 2020. 3. 30.
[Javascript] 해당 클래스의 요소를 일괄 동작시키기 / 자주쓰이는 문법 정리 해당 클래스의 요소를 일괄 동작시키는 함수이다. 1. 임시 변수에 문서속에서 액션을 주고자 하는 부품의 클래스명을 대입.2. 반복문을 해당 클래스 부품의 개수만큼 돌린다.3. 임시 변수를 배열로 사용하여 임시배열변수에 액션 지정.function myFunction() { var x = document.getElementsByClassName("class-name"); for (var i = 0; i  자주 쓰이는 문법을 정리해보았다.▶내용삽입 document.getElementById("액션을 적용할 부품의 아이디 이름").innerHTML = 작성할 내용; document.getElementByClassName("액션을 적용할 부품의 클래스명")※input타입 태그(ex.textarea, tex.. 2020. 2. 15.
728x90
반응형