자바스크립트는 메소드라고 하지 않고, 함수라고 한다.
document.wirte
: 화면에 글이 나타난다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
var array = ['A', 10, 12.34, "hello", true, null];
alert(typeof array);
document.write(array[0]); // 화면에 A 라는 글자가 나타난다.
</script>
</head>
<body>
</body>
</html>
alert, confirm, prompt
: 창으로 뜬다.
<script>
alert('경고장으로 확인버튼을 가지고 있습니다.')
confirm('확인과 취소버튼을 가지고 있는 메세지 박스입니다.')
let input = confirm('확인 또는 취소 버튼을 누르세요'); //true 또는 false를 반환한다.
alert('input : ' + input);
</script>
<script>
let cnt = 0;
do{
let name = prompt('이름을 입력하세요');
let age = prompt('나이를 입력하세요');
age = Number(age);
alert(name + '의 10년 후의 나이는 ' + (age + 10) + '입니다.'); // number형으로 바꾸지 않으면, concat 된다.
alert(++cnt + '번째 입력되었습니다.')
} while(confirm('계속하시겠습니까?'));
</script>
console.log()
: 디버깅을 사용하기 위해 로그를 찍는다.
<script>
let names = ['가길동', '나길동', '다길동', '라길동', '마길동'];
alert(names);
for(var i = 0; i <names.length; i++){
// alert(names[i]);
document.write(names[i] + "<br>");
console.log(names[i]); // 개발자모드에서 console에 들어가면 나와있다. 개발자가 디버깅하기 위해 쓰는 것.
}
</script>
모달은 함수야 뭐야?
modal.js 라고 돼있는데.
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JS] 백틱(backtick) 사용 예제 (0) | 2020.06.16 |
|---|---|
| [JS] 자바스크립트 디버깅 방법(JS는 에러가 나도 실행이 된다. 화면에 나타나지 않을 뿐! 그럴 땐 console 확인) (0) | 2020.06.16 |
| [JS] 자바스크립트 자료형 특징과 호이스팅 개념(var, let, const) (0) | 2020.06.16 |
| [JS] 자바스크립트를 위한 태그 <script> (0) | 2020.06.16 |
| [JS] 자바스크립트란? (정적 문서 VS 동적 문서) (0) | 2020.06.16 |
