기본 입출력

※ 자바스크립트 작성 방법

① 웹 문서 내부에 <script>와 </script> 태그 사이에 작성하는 방법

이미지나 텍스트 등의 요소를 제어하는 경우가 많으므로

되도록 이미지, 텍스트 등을 다 표시한 후 실행하는 것이 좋다.

그래서 </body> 태그 직전에 작성한다.

② 외부 스크립트 파일로 연결하는 방법

<script> 태그의 src 속성을 이용하여 자바스크립트 파일을 연결한다.

<script src = "외부 스크립트 파일 경로"></script>

마찬가지로 </body> 태그 직전에 작성한다.

 

1. 알림창 alert()

<script>
        alert("안녕하세요!");
</script>

alert()

 

2. 확인창 confirm()

<script>
        var reply = confirm("정말 사용자명을 바꾸시겠습니까?");
</script>

confirm()

 

3. 프롬프트창 prompt()

<script>
        var birth = prompt("생년월일을 입력하세요.", "041101"); //기본값 표시
        var name = prompt("이름을 입력하세요."); //기본값 없음
</script>

prompt() 기본값

prompt()

 

4. 브라우저 화면에 출력 document.write()

<script>
        document.write("<h1>어서오세용</h1>"); //html 태그 사용 가능
</script>

document.write()

 

5. 콘솔창에 출력 console.log()

<script>
        var name = prompt("이름을 입력하세요.");
        console.log(name + " 님, 안녕하세요!"); //결과가 콘솔창에 표시 (Ctrl+Shift+I로 콘솔창 바로가기)
</script>

console.log()는 html 태그가 사용이 불가능하다.

console.log()

 

 

 

 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 교재를 참고하여 작성했다.