반응형 Language252 자바스크립트 텍스트 값 가져오는 방법 검색 버튼을 누를 시 id가 tbox인 text의 값을 가져오는 코드인데 텍스트 박스의 값을 가져오기 위해서는 일단 text에 id를 정해줘야 하며 버튼을 눌렀을 시 document.getElementById(ID값); 으로 해당 ID의 정보를 가져올 수 있는데 이 내용을 var tb에 넣어둔 뒤 console.log(tb.value); 이런 식으로 텍스트 박스의 값을 가져올 수 있다 document.getElementById(ID값).value; 이렇게도 역시 가능한데 코드가 길고 보기 불편하기 때문에 변수 안에 넣어주고 변수.value 이런 식으로 사용하는 것이 좋다 2020. 6. 22. 자바스크립트 indexOf() 각종 사용방법 정리글 자바스크립트에서 indexOf는 값.indexOf(찾는_값, 시작_인덱스_위치[옵션]); 으로 이루어져 있는데 값이 있을 경우에는 위치한 곳의 인덱스를 없으면 -1을 반환하게 된다 이제 indexOf()의 각종 사용방법을 알아보자 먼저 단순히 문자열에서 특정 값을 찾을 경우에는 문자열.indexOf(찾는_값); 을 넣어주면 되고 뒤에서부터 찾을 경우에는 문자열.lastIndexOf(찾는_값); 이렇게 사용한다 indexOf는 자동으로 대소문자를 구별하는데 대소문자를 구별하지 않고 싶으면 문자열.toLowerCase() 혹은 문자열.toUpperCase() 이런 식으로 사용한다 배열에서 indexOf를 이용할 경우에는 특정 값이 위치한 배열의 인덱스를 찾아주는데 배열명.indexOf(찾는_값); 을 해주면.. 2020. 6. 22. 자바스크립트 삼항연산자 사용방법 정리 자바스크립트에서 삼항연산자는 조건 ? 맞을 경우 : 안맞을 경우 이렇게 사용해주면 된다 만약 삼항연산자로 NULL 처리를 하려고 한다면 아래 글을 참고해서 isEmpty 함수를 가져다가 쓰면 원하는 조건에 맞춰서 편하게 NULL 처리가 가능하다 자바스크립트 각종 NULL 처리방법 정리 일단 자바스크립트에서 NULL을 어떻게 보냐에 따라 해결방법이 두가지인데 "" 만을 NULL로 본다면 값 === "" 으로 비교해주면 된다 함수로 만들어 사용한다면 위 스크린샷과 같이 값 === "" 일 경우 tru wakestand.tistory.com 다음으로 여러개의 삼항연산자를 다중으로 중첩시킬 경우에는 괄호()를 사용해주면 되는데 조건 ? (조건2 ? 조건2_맞을_경우 : 조건2_안맞을_경우) : 안맞을 경우 이렇.. 2020. 6. 17. 자바스크립트 각종 NULL 처리방법 정리 일단 자바스크립트에서 NULL을 어떻게 보냐에 따라 해결방법이 두가지인데 "" 만을 NULL로 본다면 값 === "" 으로 비교해주면 된다 함수로 만들어 사용한다면 위 스크린샷과 같이 값 === "" 일 경우 true를 반환시키고 아닐 경우에는 false를 반환시키게 된다 코드는 다음과 같다 // ""만 NULL로 봤을 경우 function nullChk(data) { if(data === "") { // 함수로 사용 // 맞을 경우 return true; } else { // 안맞을 경우 return false; } } console.log(nullChk("")); // true console.log(nullChk("ABC")); // false 다음으로는 NULL의 범위를 넓게 잡아서 "", " ",.. 2020. 6. 17. 자바스크립트 크롬 개발자도구를 이용한 디버그 방법 정리 자바에서는 디버그 모드를 이용한 디버깅이 가능하지만 자바스크립트를 사용할 경우에는 그게 안되는데 코드를 작성하다가 에러가 발생할 경우 디버그가 없으면 에러 찾기가 매우 힘들다 하지만 다행히도 자바스크립트 코드 안에 debugger; 를 넣어주면 해당 위치에서부터 디버그가 가능한데 debugger를 넣고 실행 페이지로 이동한 후 F12를 눌러 개발자도구로 이동하고 F5를 눌러 새로고침을 누르면 자바스크립트가 다시 수행되게 되는데 처음에는 개발자도구를 열지 않았으므로 디버거에 걸리지 않고 F12를 눌러 개발자도구를 연 뒤에 다시 코드를 수행해 디버거에서 걸리는 식이 되겠다 크롬에서 개발자도구를 연 상황인데 디버거에 걸려서 코드 수행이 중단되었고 우측의 버튼을 이용해 디버깅을 진행할 수 있다 주로 사용하는 네.. 2020. 6. 16. 자바스크립트 select option 선택값 출력방법 자바스크립트에서 select 선택 후 검색 버튼을 눌렀을 때 선택한 select의 option 값을 확인하려고 하는데 한 줄에 쭉 쓰면 너무 길어지기 때문에 select id를 받아서 저장하는 변수 select에서 선택한 option을 저장하는 변수 두개로 나누어 사용한다 var 변수1 = document.getElementById("아이디명"); var 변수2 = document.getElementById("아이디명").options.selectedIndex; 다음으로 변수1.options[변수2].value 를 해주면 select에서 선택한 option의 값을 구할 수 있게 된다 예제에 사용한 코드는 아래와 같다 CJ대한통운 롯데택배 2020. 6. 15. 이전 1 ··· 19 20 21 22 23 24 25 ··· 42 다음 반응형
