본문 바로가기

프로그램

(38)
[javascript]새로고침 함수 이 함수를 모를때에는 리셋 버튼을 만들어서 function all_reset(){ js_time_c =""; js_time_m = ""; js_time_mm = ""; js_time_s = ""; js_time_ss = ""; js_time_ms = ""; js_time_c_t = ""; } 이런식으로 변수를 초기화 해주는 함수를 입력했었다 이런식으로 쓰는게 잘못된게 아니지만 내용이 너무 길어지기도 하고 변수같은것을 추가하게 되면 이 함수에도 추가 해 줘야 했기때문에 귀찮았다 이럴때에는 location.reload() 라는 함수를 사용하게 되면 새로고침을 해주기 때문에 리셋과 동일한 기능을 할 수 있다 고로 이 한줄로 대체가 가능하다
[javascript]반복 실행되는 함수(초시계) 만들기 : setInterval() 대부분의 함수는 태그안에 onchange, onclick등의 속성을 이용해 함수를 호출(실행)한다 하지만 setInterval()함수는 위치에 따라서 호출이 필요없이 설정한 시간에 따라서 계속해서 반복 실행 되는 함수이다 이 함수를 이용해서 계속해서 움직이는 시간, 비/눈 내리는 효과 등등을 만들 수 있다 이 함수의 경우에는 혼자서 계속 실행 되는 함수이기 때문에 멈춰주는 함수 clearInterval()를 같이 사용해 준다 setInterval 사용법 setInterval(실행 될 내용, 시간)으로 실행 될 내용은 직접입력 해 줘도 돼고 함수를 연결 해 주어도 된다 시간은 1000이 1초이고 필요한 시간만큼을 변수 또는 직접입력해 주면 된다 setInterval를 이용한 초시계 만들기 setInterv..
[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 이용하는 방법 예를 들어 무..