728x90

2023/08/25 5

Javascript 기본 - 1

- 변수와 상수 - 변수 : var, let - 상수 : const var let const 변수명 중복 여부 (재선언 여부) 가능 O 불가 X 불가 X 데이터 수정 여부 (재할당 여부) 가능 O 가능 O 불가 X - ex) let name name = "정혜원" name // 결과 정혜원 //let 변수 재할당 name= "홍길동" name // 결과 홍길동 const myMoney = 0 //const 재할당 myMoney = 100 // 에러남 TypeError - 배열 // 빈 배열 const blanksArr = [] // 아무것도 안담는 것도 가능 // 숫자들로 이루어진 배열 const numbers = [2, 10, 7, 3.3] // 숫자 담기 // 문자들로 이루어진 배열 const cla..

회원가입 페이지 만들기 - 2 (Javascript)

- Javascript 코드 function changePhone1(){ const phone1 = document.getElementById("phone1").value if(phone1.length === 3) { document.getElementById("phone2").focus() } } function changePhone2(){ const phone2 = document.getElementById("phone2").value if(phone2.length === 4) { document.getElementById("phone3").focus() } } function changePhone3(){ const phone1 = document.getElementById("phone1").valu..

2023.08.25.FRI

onchange 이벤트: 사용자가 입력 필드나 선택 옵션 등의 값을 변경하고 포커스를 다른 요소로 옮겼을 때 발생합니다. 사용자가 입력을 마치고 해당 입력 요소에서 포커스를 다른 곳으로 이동하면 이벤트가 발생합니다. 보통 입력 값의 최종적인 변경을 감지하고 처리할 때 사용됩니다. 예를 들어, 사용자가 입력 필드에 값을 입력하고 나서 다른 곳을 클릭하거나 탭을 누를 때 변경된 값에 대한 처리를 수행할 수 있습니다. onkeyup 이벤트: 사용자가 키보드의 키를 누르다가 뗄 때 발생합니다. 사용자의 키 입력 동작을 실시간으로 감지하고 처리하는 데 사용됩니다. 보통 입력 필드에 글자 수 제한이나 검색 기능과 같이 사용자의 입력에 따라 즉시 동작하는 상황에서 활용됩니다. 간단히 말해서, onchange 이벤트는..

Programming/TMP 2023.08.25

회원가입 페이지 만들기 - 1 (HTML, CSS)

- html 코드 회원가입 - - 000000 인증번호 전송 3:00 인증 완료 지역을 선택하세요. 서울 경기 인천 여성 남성 가입하기 - - onchange는 사용자가 입력 필드나 선택 옵션 등의 값을 변경하고 포커스를 다른 요소로 옮겼을 때 발생한다. - onkeyup은 사용자가 키보드의 키를 누르다가 뗄 때 발생한다. 인증번호 전송 - button 속성에 disabled 코드를 추가하면, 버튼이 비활성화 된다. - select 태그를 사용하면 위와같은 선택지를 만들 수 있다. 지역을 선택하세요. - select 태그의 하위 옵션인 option에서 disabled를 입력하게 되면 선택할 수 없는 상태로 변하고, selected가 되면 최초에 해당 option이 선택된다. - css 코드 * { box..

홈페이지 만들기 - 2

- 최종 완성본 - index.html (메인 페이지) TODAY 0 | TOTAL 12345 이름 Phone E-mail 인스타그램 오늘의 기분 기쁨 😊 슬픔 😢 화남 😡 분노 👺 사이좋은 사람들, 싸이월드 사생활보호설정 홈 쥬크박스 게임 홈 쥬크박스 게임 - 홈, 쥬크박스, 게임 버튼 3개 각각 클릭되게 되면 menuHome(), menuJukebox(), menuGame() 함수가 실행되게 된다. const menuHome = () => { document.getElementById("contentFrame").setAttribute("src","home.html") // 매개변수가 2개 들어간다. "src", "값" document.getElementById("menuHome").style = "..

728x90