실습 2

자바스크립트 비만계산기 만들기

js 함수 먼저 bmi 계산 공식은 Bmi = (몸무게) / (키 * 키) 계산 과정은 kg 의 몸무게를 키의 제곱으로 나누면 됩니다. If 문을 사용하여 18.5 이하 저체중 / 23 정상 25 과제중 30 비만 30그 이상은 고도비만으로 나누었습니다. Window.onload Js file에 html 파일을 가져오면 onload 이벤트 핸들러 함수가 실행된다. 버튼에 이벤트 리스너를 만들어 클릭시 calculatebmi 함수가실행하도록 연결했다. 함수 calculatebmi 에서 키 몸무게 결과 값을 해줍니다. 먼저 parseInt 로 가져와 문자열 파싱을 해줍니다. 함수 calculatebmi 에서 사용자가 입력한 키 , 몸무게를 가져와 bmi 를 계산합니다. 주의 될점은 html에서 받은 키의 단..

카테고리 없음 2022.11.21

js로 shopping Mall 구현

JS 이용한 미니 쇼핑 게임입니다. Javascript 의 fetch API 를 활용하여 데이터 바인딩 하였다. 티셔츠 바지 치마 버튼 과 색상 버튼 에 클릭이벤트를 추가하여 옷의 종류와 색상을 filtering 기능 구현 하였습니다 // Fetch the items from ths JSON file function loadItems() { return fetch("/data/data.json") .then((response) => response.json()) .then((json) => json.items); } 1. 로드 아이템 함수를 생성 우리는 패치를 통해 데이터를 받아 올거야 데이터를 받아온 것이 성공이면 json 형태로 반환 한다. 그리고 json안의 items 리턴한다. // Update ..