오늘은 자바스크립트를 이용해 페이지에 간단하게 bmi를 계산해 볼 수 있는 프로그램을 만들어 봤다.
파이썬 수업을 듣고 웹 페이지에도 구현해보고 싶어서 만들어 보기로 했다
오늘은 아주 간단하게 Java script 문법
var
document
이렇게 두가지를 이용해서 만들어 봤다.
var 은 키워드로서 변수를 선언하는것이고
document.write () 는 () 소괄호 안 코드를 html 컨텐츠를 브라우저에 출력하게 해준다.!
----프로젝트의 틀을 처음에 생각------
첫번째로 , 첫 화면엔 사용자로부터 키와 몸무게를 입력 받을 창이 필요하고
두번째로, 데이터(키, 몸무게)를 갖고 bmi 를 계산할수 있는 연산식이 필요하고
마지막으로, bmi 지수를 도출하여 사용자에게 알려줘야 한다
라는 프로젝트의 큰 틀을 잡고 진행해보았다!!
0.1 차이로 OVERWEIGHT이 된 필자... 이런... 안타깝다...
여기서 조건문을 활용해서 지수에 따른 비만입니다 표준입니다 이런 값들이 도출되도록 할 수 있지만 그것은 다음에 업데이트 해보도록 하겠다 !!
아래에는 사용된 코드이다 참조하실 분들은 참조 해주세요!
<!DOCTYPE html>
<html>
<body>
<script>
var a = prompt("당신의 신장을 입력해주세요(cm)");
var b = prompt("당신의 몸무게를 입력해주세요(솔직하게)");
var c = b / ((a / 100) * (a / 100));
document.write("당신의 BMI 지수는" + c + "입니다.");
</script>
</body>
</html>
<!-- # 프로젝트 참조
1. 사용자에 키와 몸무게 입력 받을 창이 필요하다
2. 입력된 데이터 계산하는 연산식이 필요
3. 연산식 결과에 따라 bmi 지수가 어느정도인지 도출
4. 산출된 결과 도출
이렇게 간단하게 꾸밈은 없지만 bmi를 계산할수 있는 큰 틀을 짜보았다
css를 이용해 예쁘게 꾸미고 싶지만
지금 티스토리 블로그 css 꾸미기도 벅찬... ㅠ
나중엔 계산기 형태로 예쁘게 꾸며 사용자들이 보기 예쁜 계산기로도 만들어보고 싶다
css 업데이트는 나중에 해보도록 하겠다 차근히!!
감사합니다
'프로젝트 (Project)' 카테고리의 다른 글
| [CI/CD] SSH into my VM - Using git action & docker-compose (0) | 2023.05.01 |
|---|---|
| [Woodpecker] Secure & Open-source CI/CD tool 구축 (1) | 2023.04.11 |
| [네이버쇼핑] 전동킥보드DB 만들기 (크롤링, 텍스트 마이닝) (0) | 2022.11.23 |
| SQLD (SQL개발자) 자격시험 도전! (4) | 2022.10.07 |
| 국민의례에 사용되는 기능을 탑재한 웹사이트 만들기 도전! (3) | 2022.09.06 |
댓글