728x90
반응형
SMALL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var box;
box=100;
box=30;
document.write(box); //30
var s="javascript";
var num="100";
var tag="<h1>hi</h1>";
document.write(tag);//h1 사이즈의 hi 출력
var s=100;
var t=Number("500");//숫자로 바꿀 수 있음.
var s=true;
var t=10>=100;//false
var k=Boolean("hello");//true
var m=Boolean(0);//false
var k=Boolean("안녕");//true
var a = true;
var b = false;
var c = 10>5;
var d = Boolean(null);
document.write(a, "<br>");
document.write(b, "<br>");
document.write(c, "<br>");//true
document.write(d, "<br>");//false
var num = 100;
var str = "안녕하세요";
document.write(typeof num, "<br>");//number
document.write(typeof str, "<br>");//string
var num1 = 15;
var num2 = 2;
var result;
result = num1 + num2;
document.write(result, "<br>");
result = num1 - num2;
document.write(result, "<br>");
result = num1 * num2;
document.write(result, "<br>");
result = num1 / num2;
document.write(result, "<br>");
result = num1 % num2;
document.write(result, "<br>");
var t1 = "학교종이";
var t2 = " 땡땡땡 ";
var t3 = 8282;
var t4 = " 어서 모이자.";
var result = t1 + t2 + t3 + t4;
document.write(result, "<br>");//학교종이 땡땡땡 8282 어서 모이자.
//숫자는 자동으로 문자로 형변환
var num1 = 10;
var num2 = 3;
num1 += num2;
document.write(num1, "<br>"); //13
num1 -= num2;
document.write(num1, "<br>");//10
num1 *= num2;
document.write(num1, "<br>"); //30
num1 /= num2;
document.write(num1, "<br>");//10
num1 %= num2;
document.write(num1, "<br>");//1
var str = "<table border='1'>";
str += "<tr>";
str += "<td>1</td><td>2</td><td>3</td>";
str += "</tr>";
str += "</table>";
document.write(str);
var num1 = 10;
var num2 = 20;
var result;
num1--;
document.write(num1, "<br>");//9
num1++;
document.write(num1, "<br>");//10
result = num2++;
document.write(result, "<br>");//20
document.write(num2, "<br>");//21
result = ++num2;
document.write(result, "<br>");//22
document.write(num2, "<br>");//22
var a = 10;
var b = 20;
var c = 10;
var f ="20";
var result;
result = a > b;
document.write(result, "<br>");//false
result = a < b;
document.write(result, "<br>");//true
result = a <= b;
document.write(result, "<br>");//true
result = b == f;
document.write(result, "<br>");//true, 자료형 상관없이 숫자만 비교
result = a != b;
document.write(result, "<br>");//true
result = b === f;
document.write(result, "<br>");//false
var a = 10;
var b = 20;
var m = 30;
var n = 40;
var result;
result = a>b|b>=m|m>n;
document.write(result, "<br>");//false인데 0이 나오네?*
result = a>b|b>=m|m<=n;
document.write(result, "<br>");//true인데 1이 나오네?*
result = a<=b&&b>=m&&m<=n;
document.write(result, "<br>");//false
result = a<=b&&b<=m&&m<=n;
document.write(result, "<br>");//true;
result = !(a>b);
document.write(result, "<br>");//true;
var a = 10;
var b = 3;
var result = a > b? "javascript":"hello";
document.write(result, "<br>");//javascript
//적정체중 구하는 테스트기
var userHeight = 170;
var userWeight = 55;
var normal_w = (userHeight - 100) * 0.9;
document.write(normal_w, "<br>");
//적정체중 입력받아서 판단
var name = prompt("당신의 이름은?", "");
var height = prompt("당신의 신장은?","0");
var weight = prompt("당신의 체중은?", "0");
var normal_w = (height - 100 ) * 0.9;
var result = (weight >= normal_w-5) && (weight <= normal_w+5);//괄호 없어도 됨
result = result ? "적정체중 입니다.":"적정체중이 아닙니다.";//result에 다시 넣어줘야
document.write(name+"님은 "+result, "<br>");
//연습문제
var price1 = 3000;
var price2 = 6000;
var price3 = 3000;
var result = price1 + price2 + price3;
result = result > 10000 ? (result-10000)+"원 초과": "돈 관리를 잘했어요.";
document.write(result, "<br>");
//연습문제
var a1 = 1200;
var a2 = 1300;
var a3 = 1000;
var avA = (a1+a2+a3)/3;
var a4 = prompt("4분기 판매량은?", "0");
var result = a4 >= avA ? "판매량이 평균 이상 입니다" : "판매량이 평균 미달 입니다.";
document.write(result);
</script>
</body>
</html>
출처 : doit javascript
728x90
반응형
LIST
'JAVASCRIPT' 카테고리의 다른 글
| 자바스크립트 제어문-선택문, 반복문 javascript selective, repetitive statement(**) (0) | 2022.05.04 |
|---|---|
| 자바스크립트 제어문-조건문 javascript conditional statement (**) (0) | 2022.05.04 |
| 자바스크립트 내부 스크립트 분리하기 javascript detaching internal script (0) | 2022.05.03 |
| 자바스크립트 연습 코드 나이로 성년여부 판단 javascript asking age to determine whether adult or minor (0) | 2022.05.03 |
| 자바스크립트 연습코드1 (0) | 2022.04.30 |