document.write()
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script>
document.write("<h1>JavaScripot 입문!</h1>");
document.write("<hr color='red'>");
document.write("<p><b>출력문을 이용해서 HTML태그를 작성해봅시다.</b></p>")
</script>
</body>
</html>
console.log()
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script>
console.log("내용");
console.info("정보");
console.warn("경고");
console.error("오류");
</script>
</body>
</html>
호이스팅
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
<!--호이스팅 : 콘솔이 스스로 지역변수가 겹지면 전역변수를 생성하여 마지막 값을 저장하게 함-->
var num = "hello";
console.log(num);
var num = "bye";
console.log(num);
</script>
</body>
</html>
스크립트 계산출력
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var num = 456;
var temp = parseInt(num / 100);
var output = temp * 100;
document.write("결과확인 : " + output);
</script>
</body>
</html>
Number()와 parseInt()의 차이
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var num1 = 5.1;
var num2 = "5.1";
console.log(num1 == num2);
<!--문자열을 숫자로 바꿔주는 Number(), 단순히 숫자와 문자를 정수로 바꿔주고 실수를 날려버리는 parseInt()-->
console.log(num1 === Number(num2));
var num3 = "5입니다.";
<!--문자안의 숫자를 찾아내는 parseInt(), 문자 안의 숫자만 있어야하는 Number()-->
console.log(parseInt(num3))
console.log(Number(num3))
</script>
</body>
</html>
스크립트 출력
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style>
table {
margin: 0px auto;
text-align: center;
}
</style>
</head>
<body>
<script type="text/javascript">
var num = parseInt(prompt("과목 수를 입력해주세요"));
var cat = [];
var score = [];
var sum = 0;
var avg = 0;
for (var i = 0; i < num; i++) {
cat[i] = prompt("점수를 입력할 과목명을 입력해주세요 >> ");
}
for (var j = 0; j < num; j++) {
score[j] = prompt(cat[j] + "의 점수 입력 >> ");
sum += parseInt(score[j]);
}
avg = sum / num;
document.write("<table border = 1px solid black>");
document.write("<tr>");
for (var k = 0; k < num; k++) {
document.write("<td>" + cat[k] + "</td>");
}
document.write("<td>총합</td>");
document.write("<td>평균</td>");
document.write("</tr>");
document.write("<tr>");
for (var k = 0; k < num; k++) {
document.write("<td>" + score[k] + "</td>");
}
document.write("<td>" + sum + "</td>")
document.write("<td>" + avg + "</td>")
document.write("</tr>");
document.write("</table>");
</script>
</body>
</html>'Programming > Javascript' 카테고리의 다른 글
| list의 push(), pop(), splice(, ) (0) | 2020.03.08 |
|---|---|
| 계산과 alert()출력 (0) | 2020.03.08 |
| confirm()과 prompt()의 계산출력 (0) | 2020.03.08 |
| addEventListener()와 document.querySelector() (0) | 2020.03.08 |
| Javascript 환경설정 (0) | 2020.03.08 |