참조유형, function
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>참조유형: object(배열포함), function</h1>
<script>
var a = 10;
document.write("<h1>a="+a+"</h1>");
var car = new Object();//object 유형
/*
객체 => 속성, 기능(함수)
*/
car.color="red";
car.volume=2500;
car.run=function(){
document.write("<h2>"+this.color+"색상의 차가 달립니다."+"</h2>");
}
car.run(); //함수 호출
//typeof(car) object유향
//typeof(car.run) function유형
</script>
</body>
</html>전역변수, 지역변수
var을 생략하고 변수를 선언, 초기화 하면 전역변수 --> hello가 호출되면 전역변수로 올라간다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=divicd-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>변수의 scope</h1>
<h2>전역변수, 지역변수(매개변수)</h2>
<script>
var global="전역변수";
function hello(){
var local="지역변수"
alert(local);
}
//hello();
function hi(){
alert(local);
}
hi();
</script>
</body>
</html>연산자
parseInt()나 Number()을 이용해서 int로 받아야한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>자바스크립트 연산자</h1>
<script>
var num1=window.prompt("정수 1을 입력하세요");
var num2=window.prompt("정수 2를 입력하세요");
var n1=parseInt(num1);
var n2=parseInt(num2);
var n3=Number(num1);
/*산술연산 (+, -, *, /, %)*/
document.write(n1+n2,"<br>");
document.write(n1-n2,"<br>");
document.write(n1*n2,"<br>");
document.write(n1/n2,"<br>");
document.write(n1%n2,"<br>");
/*
자바스크립트는 자료형이 달라도 연산을 수행한다.
단 더하기(+)의 경우는 string일 경우 문자열 결합니 일어난다.
해결방법
1) parseInt(), parseFloat() 함수를 이용
2) Number()함수 사용
*/
</script>
</body>
</html>[실습] 이름, 키, 몸무게를 입력받아 적정 체중을 구한 뒤 비교하여, 적정 체중을 10%초과하면 과체중(red), 적정 체중 10%미달이면 체중 미달(blue), 그 외는 적정 체중 (green)을 출력하세요
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>적정 체중을 구하는 프로그램</h1>
[실습] 이름, 키, 몸무게를 입력받아 적정 체중을 구한 뒤 비교하여,
적정 체중을 10%초과하면 과체중(red), 적정 체중
10%미달이면 체중 미달(blue), 그 외는 적정 체중 (green)을 출력하세요
<p style="color:brown">
적정 체중 = (신장 - 100)*0.9를 적정 체중으로 봅시다.
</p>
<script>
//이름, 키, 몸무게, 적정체중 출력
var name = window.prompt("이름 입력","홍길동");
var 키 = parseInt(window.prompt("키 입력",180));
var 몸무게 = parseInt(window.prompt("몸무게 입력",75));
var color ="black";
var calcu=function(name, 키, 몸무게){
var 적정체중 = (키-100)*0.9;
document.write(name+" "+키+" "+몸무게+" "+적정체중+" ");
if(적정체중*1.1<몸무게){
result="red";
}else if(적정체중*0.9>몸무게){
result="blue";
}else{
result="green";
}
document.write("<h1 style='color:"+result+"'>"+result+"</h1>");
}
calcu(name,키,몸무게);
</script>
</body>
</html>