Notice
Recent Posts
Recent Comments
Link
Everything has an expiration date
Javascript 20231129 [프로그램소스] - Test006, Test007, Test008, Test009, Test010 본문
[Javascript]/Program source (Javascript)
Javascript 20231129 [프로그램소스] - Test006, Test007, Test008, Test009, Test010
Jelly-fish 2023. 11. 30. 08:40WebApp03
Test006.html
Test006.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test006.html</title>
</head>
<body>
<script type="text/javascript">
num1=10; // 변수 num1 에 10 대입
document.write("num1="); // 문자열 출력
document.write(num1); // 변수 출력
num1=100; // 변수 num1 에 100 대입 (기존 10 에서 덮어쓰기)
//document.write("\n num1="); // 문자열 출력 → 개행 안됨~!! check~!!
// (\n : 공백 한 칸을 추가한다.)
document.write("<br> num1=") // 라인 스킵(개행)을 위해 사용한 <br>
document.write(num1); // 변수 출력
num1="2023년 11월이 저무는 어느날..."; // 변수 num1 에 문자열 대입
document.write("<br>num1=");
document.write(num1);
// 결과로 문자열이 제대로 출력되는 것을 확인할 수 있다.
num2=200; // 변수 num2 구성
num1=num2; // 변수 num1 에 num2 대입
document.write("<br>num1=");
document.write(num1);
// 변수에 문자도 담기고, 숫자도 담기고 다 담기네!
// 하지만, 어떤 데이터 타입이든 모두 저장되므로 항상 주의해서 사용하여야 한다.
</script>
</body>
</html>
Test007.html
Test007.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test007.html</title>
<script type="text/javascript">
num1=10;
var num2;
num2=20;
var num3=30;
document.write("num1=" + num1);
document.write("<br>num2=" + num2);
document.write("<br>num3=");
document.write(num3);
</script>
</head>
<body>
</body>
</html>
Test008.html
Test008.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test008.html</title>
<script type="text/javascript">
num1=7;
num2=3;
res = num1 + num2; // 더하기(덧셈 연산)
document.write("num1 + num2 = ");
document.write(res);
res = num1 - num2; // 빼기(뺄셈 연산)
document.write("<br>num1 - num2 = ");
document.write(res);
res = num1 * num2; // 곱하기(곱셈 연산)
document.write("<br>num1 * num2 = ");
document.write(res);
res = num1 / num2; // 나누기(나눗셈 연산) check~!!!
//-- 결과값으로 반환되는 데이터의 형태 관찰
document.write("<br>num1 / num2 = "); // 정수 / 정수 나눗셈 결과도 실수 결과(소수점 표현)가 나오는 것을 확인할 수 있다.
document.write(res);
res = num1 % num2; // 나머지(나눗셈 연산)
document.write("<br>num1 % num2 = ");
document.write(res);
</script>
</head>
<body>
</body>
</html>
Test009.html
Test009.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test009.html</title>
<script type="text/javascript">
num1 = 7;
num2 = 3;
// 자바처럼 ++ -- [postfix 이전, prefix 이후] 모두 존재한다.
document.write("원래의 num1 : ");
document.write(num1);
++num1;
document.write("<br>첫 번째 ++num1 : ");
document.write(num1);
++num1;
document.write("<br>두 번째 ++num1 : ");
document.write(num1);
document.write("<br>원래의 num2 : ");
document.write(num2);
--num2;
document.write("<br>첫 번째 --num2 : ");
document.write(num2);
--num2;
document.write("<br>두 번째 --num2 : ");
document.write(num2);
</script>
</head>
<body>
</body>
</html>
Test0010.html
Test0010.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test010.html</title>
<script type="text/javascript">
// 복합 대입연산자 → 피연산자가 값이 변경되므로
// 계속 새롭게 7과 3을 넣어준 것.
num1 = 7;
num2 = 3;
num1 += num2;
document.write("num1 += num2 → ");
document.write(num1);
num1 = 7;
num2 = 3;
num1 -= num2;
document.write("<br>num1 -= num2 → ");
document.write(num1);
num1 = 7;
num2 = 3;
num1 *= num2;
document.write("<br>num1 *= num2 → ");
document.write(num1);
num1 = 7;
num2 = 3;
num1 /= num2;
document.write("<br>num1 /= num2 → ");
document.write(num1);
num1 = 7;
num2 = 3;
num1 %= num2;
document.write("<br>num1 %= num2 → ");
document.write(num1);
</script>
</head>
<body>
</body>
</html>
'[Javascript] > Program source (Javascript)' 카테고리의 다른 글
'[Javascript]/Program source (Javascript)' Related Articles
more
