[프로그래밍뽀개기] 자바스크립트 기본 출력하기!

자바스크립트(JS) 기본 출력 방법

안녕하세요! 아는게힘 Ahhim IT 입니다! 

오늘 들고 온 주제는 자바스크립트 기본 출력 방법 입니다! 

 

기본 출력 방법이라고 하면 자바스크립트에서 계산한 값, 수행한 값을 테스트 하기 위해 출력할 수 있는 3가지 방법을 소개하도록 하겠습니다! 

 

1. 알림 발생시키기

 

alert("출력할 텍스트 내용");
alert(출력할 변수 이름); 

 

등을 이용해 알림을 띄우는 방법이 있습니다!

이 경우 알림에서 확인을 누를때까지 다음 동작이 되지 않거나, 나머지 페이지가 불러와 지지 않을 수 있습니다. 

 

 

2. console.log로 log 기록하기

 

브라우져에서 F12를 눌러 관리자 도구를 켜면 Console (콘솔)이 보이는데요. 

console.log("출력할 텍스트 내용");
console.log(출력할 변수 이름);

 

등을 이용하면 Console에 로그 형식으로 내용이 출력됩니다!

 

 

 

3. 페이지에 일정 부분에 html 변경으로 출력

 

var output = document.getElementById("output");

output.innerHTML = "출력할 텍스트";
//또는 
output.innerHTML = 출력할 변수 이름;

 

으로 출력합니다. 단, 위 글에서 "document.getElementById("output");"부분의 output에는 출력을 원하는 부분의 테그가 들어가야 합니다. 

즉, 위 글대로 실행하려면 script 태그 전에 output이라는 id를 가진 태그가 있어야 합니다. 

(ex: <a id="output"></a> or <div id="output"></div> etc...)

 

 

 

 

이렇게 오늘은 간단하게 자바스크립트 기본 출력 방법을 알아보았습니다! 

감사합니다!