2024-10-11
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
연산자
1. 산술연산자
2. 관계연산자
3. 논리연산자
4. 단항연산자
5. 삼항연산자(조건연산자)
*/
// 1. 산술연산자
// +, -, *, /, %(나머지)
let su1 = 15, su2 = 4, result; // 연속해서 사용가능
result = su1 + su2;
document.write(su1+"+"+su2+"="+result+"<br>");
result = su1 - su2;
document.write(`${su1} - ${su2} = ${result} <br>`);
result = su1 * su2;
document.write(`${su1} * ${su2} = ${result} <br>`);
result = su1 / su2;
document.write(`${su1} / ${su2} = ${result} <br>`);
result = su1 % su2;
document.write(`${su1} % ${su2} = ${result} <br>`);
document.write(`<hr>`);
let tab = "<table border='1' width='150'>";
tab = tab + "<tr>"; // tab += "<tr>"; 로 사용해도 됨
tab = tab + "<th>"+su1+"+"+su2+"</th>";
// tab = tab + "<>" 는 뒷 결과 값을 앞 tab변수에 할당하는 과정이기에 이렇게 작성함.
tab = tab + "<td>"+(su1 + su2)+"</td>";
tab = tab + "</tr>"
tab = tab + "<tr>";
tab = tab + "<th>"+su1+"-"+su2+"</th>";
tab = tab + "<td>"+(su1 - su2)+"</td>";
tab = tab + "</tr>"
tab = tab + "<tr>";
tab = tab + "<th>"+su1+"*"+su2+"</th>";
tab = tab + "<td>"+(su1 * su2)+"</td>";
tab = tab + "</tr>"
tab = tab + "<tr>";
tab = tab + "<th>"+su1+"/"+su2+"</th>";
tab = tab + "<td>"+(su1 / su2)+"</td>";
tab = tab + "</tr>"
tab = tab + "<tr>";
tab = tab + "<th>"+su1+"%"+su2+"</th>";
tab = tab + "<td>"+(su1 % su2)+"</td>";
tab = tab + "</tr></table>"
document.write(tab);
</script>
</head>
<body>
</body>
</html>
'JavaScript > 기초 내용 정리' 카테고리의 다른 글
| JavaScript(Operator)_03 (0) | 2024.10.14 |
|---|---|
| JavaScript(Operator)_02 (0) | 2024.10.14 |
| JavaScript(Variable)_05 (0) | 2024.10.14 |
| JavaScript(Variable)_04 (0) | 2024.10.14 |
| JavaScript(Variable)_03 (0) | 2024.10.14 |