자바스크립트 출력문

안녕하세요 자바스크립트의 기본적인 출력문입니다.

자바스크립트를 하다보면 내가 작성하고 있는 코드가 

오류없이 정확히 작성이 되고 있는지 확인할 필요가 있습니다.

⊙ 웹페이지에 문자열을 출력할때 Document.메서드를 호출합니다.

1. document.write("문자열");

2. document.writeln("문자열");

1번과 2번의 차이는 공백의 차이입니다.

예를 들어 document.write("가");

           document.write("나");

           document.write("다");

           document.write("라");

위와같이 출력을 할때 

웹페이지의 출력은 "가나다라" 와 같이

일자로 죽 연결되어 호출됩니다.

반면 document.writeln("가");

      document.writeln("나");

      document.writeln("다");

      document.writeln("라");

와 같이 출력을 하면

웹페이지 상의 출력은 "가 나 다 라"와 같이

한칸의 공백이 발생하고 호출됩니다.

한편 출력 자체를 

와 같이 행을 변경하여 출력이 필요할때는

      document.writeln("가<br>");

      document.writeln("나<br>");

      document.writeln("다<br>");

      document.writeln("라<br>");

와 같이 html의 행변환 태그를 넣어주면 됩니다.

즉 document함수는 html을 인식하는거죠~

또한 출력을 원하는 변수를 변경할 필요가 있을시

변수 알아보기

'국어점수는 90점 입니다.' 일 경우

var score = 90; 

( var는 변수를 의미하고 score라는 변수에 90을 대입)

document.write("국어점수는"+score+"점 입니다.");

와 같이 출력을 하면 됩니다.

즉 점수의 변화를 원할시 변수대입 값을 변경하면 됩니다.

⊙ 대화상자 출력입니다.

실제 자바스크립트를 배우면서 원하는 구문이 출력되는지

가장 자주 사용하게 되던것이 alert 메서드입니다.

"alert"이라는 단어가 "알리다."," 경고하다."라는 의미가 있는만큼

웹페이지에서 아래와 같이 입력시

<script>

   alert("alert호출입니다.");

</script>

 

경고창에 alert("내용") 이 바로 나오게 됩니다.

다음 버튼을 눌러보세요.

<p>다음 버튼을 눌러보세요.</p>

<input type = button value="요기요" onClick="btnClick()"> 

<script> 

    function btnClick(){ 

      alert("참 잘했어요"); 

    } 

</script>

⊙ 다음은 질문할 내용을 전달하는 답을 얻을수있는

   prompt메서드 입니다.

처음에 대화창 이 나왔을 것이고 문장에 원하는 글을 작성시

입력값이 출력되는 방식입니다.

prompt("메세지입력","디폴트 값");

prompt함수는 2개의 인수를 갖고 있으며

첫번째 인수는 경고창에 질문내용이

두번째에는 인수에는 답을 입력할 수 있습니다.

두번째 칸을 비워두면 빈 공간으로 나오게 됩니다.