자바스크립트 출력

자바스크립트 출력

자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있습니다.
자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같습니다.
1. window.alert() 메소드
2. console.log() 메소드
3. confirm() 메소드
4. document.write() 메소드
5. document.특정식별자.html = "HTML 에출력하고싶은말": 특정 요소/마크업 에 출력 함수

---

window.alert() 메소드

자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것입니다.
window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 줍니다.

// alert 예제
alert('Hello World') // alert 함수는 vscode 미리보기에서는 실행 x -> 크롬에서 확인

console.log() 메소드

console.log() 메소드는 웹 브라우저의 콘솔을 통해 데이터를 출력해 줍니다.
웹 브라우저에서는 F12를 누른 후, 메뉴에서 콘솔을 클릭하면 콘솔 화면을 사용할 수 있습니다.

 // 콘솔에 출력하기 [ console.log("") 함수 ]
        console.log("안녕 자바스립트");
        console.log('안녕 자바스립트2');
        console.log( 10+10);

confirm() 메소드

confirm() 메소드는 텍스트와 확인 및 취소 버튼을 출력하여 사용자의 선택을 받는 매우 간단한 다이얼로그 박스를 보여준다.
이를 통해 사용자가 어떤 행위를 할 것인지 매우 간단한 방법으로 결과를 true, false로 반환해 준다.

//  확인창 (확인 = true/취소 = false) 에 출력하기 [ confirm("") 함수 ]
        confirm(" 안녕 자바스크립트3 ");

document.write() 메소드

document.write() 메소드는 웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력합니다.
따라서 document.write() 메소드는 대부분 테스트나 디버깅을 위해 사용됩니다.

  //  HTML에 출력하기 [ document.write("") 함수  ]
        document.write("안녕 자바스크립트5");

document.특정식별자.html

"HTML 에출력하고싶은말" : 특정 요소/마크업 에 출력 함수

// HTML에 특정 요소/마크업 출력하기 [ document.마크업식별.html = "입력 메세지"  ]
        document.body.html = "안녕 자바스크립트6";

입력 함수 prompt()

prompt() 함수는 사용자에게 입력을 요청하는 프롬프트 상자를 화면에 표시하기 위해 사용됩니다. 프롬프트 상자에서 계속 진행하려면 "확인" 또는 "취소" 버튼을 클릭해야 합니다.

 //  입력창( 입력상자[input] , 확인 = 입력값 반환 / 취소 = false [ prompt("") 함수 ])
        prompt("안녕 자바스크립트4 ");