① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 글자색, 배경색 동시에 바꾸는 방법
색을 고르세요 빨강/파랑 파랑/노랑 노랑/주황 초록/보라 회색/흰색
웹프로그래밍
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 날짜와 시간 출력하는 사이트 만들기
//폼과 영역을 만든다. //오늘날짜출력하기 를 누르면 표준시 정보를 날짜 영역에 출력한다. //시간출력하기 를 누르면 시간 영역에 시, 분, 초 단위를 출력한다. 날짜/시간 출력하기 날짜 영역 시간 영역
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 글자색, 배경색 바꾸는 다양한 방법
//폼을 만든다. //첫번째 방식인 radio를 선택하면 해당 컬러를 선택했다는 알림창을 띄우고 배경색을 바꾼다. //두번째 방식인 버튼을 선택하면 바로 배경색을 바꾼다. //세번째 방식인 리스트를 선택하면 바로 글자색을 바꾼다. 색을 고르세요 빨강 파랑 분홍 초록 라임 white pink black yellow skyblue
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 주민등록번호를 이용해 정보 출력하는 사이트 만들기
//프롬프트를 띄워 주민번호를 입력받는다. //형식이 올바르지 않다면 경고창을 띄운다. //올바른 형식을 입력했다면, 해당 주민등록번호를 이용하여 성별, 나이, 생일을 페이지에 출력한다.
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 성적구하는 사이트 만들기
//폼을 만든다. //국어, 영어, 수학 점수 미 입력시 경고창을 띄우며, 해당칸에 입력을 받는다. //점수 입력 후 점수계산을 누르면 총점과 평균을 계산하여 출력하고, 평균값을 수정하지 못하게 한다. //그 상태에서 평가를 누르면 평균점수에 따른 결과 등급을 출력한다. 성적구하기 국어 : 영어 : 수학 : 총점 : 평균 : 결과 :
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 다양한 형태의 계산기 페이지 만들기
간단한 계산기 만들기 간단계산기 숫자1 : 숫자2 : 입력한 수 까지의 합 구하는 계산기 만들기 입력한 수 까지의 합 구하기 부터 까지 프롬프트 계산기 만들기 프롬프트 계산기
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 상품 경매 페이지 만들기
//폼을 만든다. //입찰가 입력을 안했다면 입력하라는 경고창을 띄운다. //만약 입찰가가 현재가보다 낮다면 경고창을 띄우며, 값을 블럭처리함 //입찰가가 현재가보다 높다면 입찰되었다는 문구를 띄운 후 수정을 못하도록 한다. 상품 경매 [상품명] LG노트북 [시장가] 560,000원 [현재가] [입찰가]
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 상품 구매 페이지 만들기
//상품 구매 폼을 만든다. //품목 리스트에서 품목 선택시 오른쪽칸에 해당 품목의 가격이 자동입력된다. //수량 입력 후 확인을 누르면 지불할 금액을 출력하는 창츨 띄운다. //취소를 클릭하면 정말 취소할 것인지 묻는 창을 띄우고 확인을 누르면 폼을 초기화한다. 상품 구매 [ 품 목 ] 사과 참외 키위 바나나 오렌지 [ 수 량 ]
① 공부/HTML, JavaScript, Vue.js, CSS
HTML, JavaScript. 대문자 변경과 메일 형식 확인하기
//폼을 만든다. //공백있을 경우 추가하기를 누르면 해당 공백을 입력하라는 창을 띄우며 해당칸에 입력을 받는다. //메일 입력시 이메일 형식이 아닌경우 올바른 형식을 입력하라는 경고창을 띄우며, 입력한 내용을 블럭처리한다. //모든 칸 입력 후 추가하기를 누르면 추가하기 버튼의 내용을 정보추가됨으로 변경한다. 동시에 이름, 이메일 아이디와 도메인 주소를 분리하여 출력하는 메시지창을 띄운다. //지우기를 누르면 폼을 리셋한다. 대문자 변경과 메일 형식 확인하기 이 름 (영문입력) 메 일