본문 바로가기

전체 글

(127)
[javascript]나눈 배열을 select의 option 태그로 선택할수 있게 만들기 배열 나누는 법 먼저 배열을 나눠야 하기때문에 배열나누기는 밑의 링크 참조 https://korearaogong.tistory.com/31 [javascript]배열 나누기 배열의 갯수가 너무 많을 경우 원하는 수만큼 쪼개서 보려고 만든 함수이다 배열 나누기 let p_ex = document.getElementById("p_ex"); //출력할 곳 let ex_ex = ['안녕','하세요','한궈','라오꽁','입니다','배열.. korearaogong.tistory.com let ex_ex = ['안녕','하세요','한궈','라오꽁','입니다','배열','쪼개서','옵션','태그로','넣습니다'];//10개 배열 let selected = document.getElementById('list');//..
[javascript] keycode, code 값 찾기 / keycode 299 해결방법(keycode와 code의 차이) / 키보드 이벤트 하는법(onkeydown, onkeyup, onkeypress, onchange) 컴퓨터에 키보드는 버튼마다 코드값이 있다 하지만 한국어나 중국어 같이 사진의 자
[javascript]배열 나누기 배열의 갯수가 너무 많을 경우 원하는 수만큼 쪼개서 보려고 만든 함수이다 배열 나누기 let p_ex = document.getElementById("p_ex"); //출력할 곳 let ex_ex = ['안녕','하세요','한궈','라오꽁','입니다','배열','쪼개기','합니다']; let ex_ex_arr = ''; let input = ''; function chunk(arr, size) { let i, j, temparray = [], chunk = size; for (i = 0, j = arr.length; i < j; i += chunk) { temparray.push(arr.slice(i, i + chunk)); } return temparray } function f_select(){ //..
[javascript]글자 나누기 한글자씩 글자 나누기(쪼개기) let ex_text = '안녕하세요'; let p_ex = document.querySelector(".p_ex");//출력 될 태그 선택 ex_text.split('').forEach(char => { const charSpan = document.createElement('span') charSpan.innerText = char p_ex.appendChild(charSpan) }) split함수는 글자를 나눠준다 ('')을 이용해 한글자씩 나눠준다 나눈 글자는 배열로 저장된다 forEach 함수로 처음부터 끝까지 반복 해준다 inline 태그인 span 태그를 만들어 준다 span 안에 한글자씩 입력해 준다 appendChild 함수로 한글자씩 출력해 준다 밑의 코드..
[javascript]HTML의 체크박스 이용하기 HTML의 input type은 여러가지가 있다 https://korearaogong.tistory.com/17 [HTML]input 속성 종류 input 태그는 일반적인 태그들과는 달리 무언가를 감싸지 않는다 즉 이 없다 input 태그는 무언가를 입력할때 사용된다 input에는 다양한 종류가 있다 글씨를 입력 숫자를 입력 비밀번호를 입력 라 korearaogong.tistory.com 글씨를 클릭해도 체크박스를 움직이는 방법 체크박스는 채크박스 혼자만을 사용하지 않고 "ㅁ동의 합니까" 이런식으로 옆에 글씨를 같이 쓰게 된다 하지만 글씨를 클릭했을 경우에는 체크박스가 작동하지 않는다 이럴때 라벨태그를 사용해주면 된다 동의 합니까 자바스크립트로 체크박스 제어하기 element.checked input에 ..
[javascript]HTML의 select, option 드롭바 이용하기 html 드롭바 만들기 html의 드롭바를 사용할 경우 css를 만져서 드롭바를 만드는 방법과 html의 드롭바 태그인 select 태그를 이용하는 방법이 있다 https://korearaogong.tistory.com/19 [HTML]select, option, optgroup 드롭바 사용법 드롭바를 만드는 방법은 select, option을 이용한 방법과 ol, ul, li를 이용한 방법이 있다 select, option 태그는 기본적으로 드롭바를 만들어 주는 옵션이라 만들기가 비교적 쉽지만 기본 틀이 짜여져 있 korearaogong.tistory.com html에서 아무리 드롭바를 만져도 javascript로 행동을 만들어주지 않으면 무용지물이다 html의 select 이용하는 방법 예를 들어 무..
[javascript]자동으로 커서/화면 이동 가끔 프로그램을 만들다보면 자동으로 커서가 이동해줬으면 좋겠다는 생각을 할 때가 있다 예를 들면 회원가입이나 로그인을 할때 input창을 클릭해서 마우스 커서를 이동 한다든가 enter를 쳤을 경우 다음으로 이동하고 싶은 등등의 경우가 있다 커서이동 element.focus(); //id로 선택 후 포커스 이동 document.getElementById('IdName').focus(); document.querySelector('#IdName').focus(); //class로 선택 후 포커스 이동 document.getElementsByClassName('ClassName');.focus(); document.querySelector('.ClassName').focus(); 이렇게 해도 가끔씩 커서가 ..
[블로그/사이트]외국인 접속시 자동으로 사이트 번역해주기 요즘 코딩을 하다보니 영어로 된 사이트들을 자주 접속하게 된다 하지만 영어를 못하는 나는 번역기를 사용하는데 크롬에서 제공하고 있는 오른쪽 마우스를 누르면 나오는 번역기능을 사용하고 있다 하지만 일일히 오른쪽 마우스를 누르고 번역을 누르는게 상당히 귀찮은 편이다 현재 구글 블로그에 중국어 타자연습, 타자게임 등을 만들고 있다 그러다보니 외국인이 들어왔을때 번역을 해서 사용하라고 번역기를 같이 넣어두긴 했지만 불편함을 느낄 것이라 생각했다 https://korearaogong.tistory.com/18 [HTML,javascript]구글 번역기 넣기 결과 korearaogong.tistory.com 첫번째 방법 일단 자동 번역하기 전에 번역기를 가져와야 된다 Select LanguageAfrikaansAl..