프로젝트 실습/[Project] JavaScript

[javascript] 성적 등록 기능 (appendChild/createElement) ✔️ 성적 등록 기능 등록하기 - 등록하기 버튼을 누르면 성적이 등록된다. - 모든 항목이 유효성 검사를 통과해야 등록될 수 있다. - 기존 값들은 아래 축적되고, 새로운 성적 등록 칸이 비어있는 상태로 생성된다. 1) 유효성 검사부터 하기 if(! check("input-form")){ return; } 2) tr 태그 가져오기 / td 태그 가져오기 / tbody 가져오기 td 태그 용도 : td에 저장된 값을 가져올 때 써야함. tr 태그 용도 : 새로운 td를 만들면 tr에 저장해야함 tbody : 새로운 td가 채워진 tr을 저장해야함 const inputForm = document.querySelector..

function insertScore() { //복제!! const tbodyNode = document.querySelector("tbody"); //복제할 노드 const trNode = document.querySelector("tbody tr"); const cloneNode = trNode.cloneNode(true); var tds = cloneNode.querySelectorAll("td"); tbodyNode.append(cloneNode); } - 내용 그대로 복제되지 않도록 조정 필요

👩‍💻 국어, 영어, 수학 점수를 입력하면, 총점과 평균 input 값이 자동으로 계산되도록 한다. = 나는 onchange() 를 통해 국어, 영어, 수학 input 값의 변경을 감지하도록 코드를 짰다. onchange 를 안쓰고 이상한 연산 작업만 잔뜩하다가... 드디어 해결 ✔️ onchange 가 들어간 위치 등록하기 ✔️ 총점, 평균 자동 계산 - 자바스크립트 function sumAvg() { let f = document.scoreForm; let kor = Number(f.kor.value); let eng = Number(f.eng.value); let mat = Number(f.mat.value); f.tot.value = kor + eng + mat; f.ave.value = Math..

[javascript] 성적처리 폼 만들기 (유효성 검사) 👩‍💻 성적처리 폼 만들기 - 학번은 5자리 숫자만 입력 가능 - 이름은 한글 2~5자리만 가능 - 생년월일을 입력 - 점수는 숫자만 입력 가능 - 점수는 0~100사이만 가능 👩‍💻 자바스크립트 코드 (유효성 검사) - 학번 if(! /^\d{5}$/.test(f.hak.value)){ alert("학번은 5자리 숫자만 가능") f.hak.focus(); e.preventDefault(); return false; } - 이름 let checkName = /^[가-힣]{2,5}/; if(checkName.test(f.name.value)){ alert("이름은 한글로 2~5자리만 가능") f.name.focus(); e.preventDefaul..

✔️ 디데이, 나이 계산 폼 만들기 : 과제로 작성했던지라, 너무나 투박한 코드지만, 결과값은 잘 나온다. : 단순하게 Date() 객체 이용해서 변형에 변형에 변형...! 기준년월일 초기화 기준일부터 일째 되는 날은 ? 계산 까지 며칠 ? 계산 * 기준일을 1일로 계산 생년월일 나이는 ? 계산

✔️ 로또 프로그램 만들기 : indexOf 가 중요했다. 1) 처음에 배열을 우선 선언하기 : let nums = []; 2) 하나의 변수를 잡아서 그 변수에 랜덤 값을 반환한다. 3) 이후, indexOf 를 이용해서 배열에 랜덤값 변수가 있는지 여부를 확인하는 if 문을 작성한다. 4) 중복값이 없는 랜덤값이라면 배열에 push 해주기 로또 1등을 향하여! (혼자 1등) 구매

✔️ 일자별(날짜별) 거래내역 조회버튼 : DOM 에 onclick 속성 이용 : Date() 객체 이용 오늘 1주일 1개월 3개월 6개월 1년 ~ 검색