728x90
반응형
자바스크립트 공부를 처음부터 탄탄하게 다시 시작해보려한다...
거의 찍먹식으로 공부를 해왔고, 현재도 그냥 시키는 화면만 구현하는 정도고, 코드도 재활용을 많이 하고 있어서 가끔 코딩을 하면서도 이 코드가 어떻게 진행되는지, 이 문법은 어떤 것인지, 모르는 것들을 검색하면서 진행했는데,,,요즘 나의 기억력이 휘발성이 되어버려서 기록을 할까 한다.
hello부터 시작해야지,,,화이팅!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello</title>
</head>
<body>
<p id="show"></p>
<script>
document.getElementById("show").innerHTML ="오늘부터 제대로 시작해보려고 합니다! 화이ㅌ태에에엥!!.";
</script>
</body>
</html>
innerHTML을 활용하여 원하는 텍스트를 화면에 표출하는 간단한 코드입니다.
화면이 제대로 표출되었다. 구우웃~!
----자바스크립트를 이용하여 브라우저에 데이터를 출력하는 방법은 크게 4가지로 나눠진다.
1. innerHTML : 브라우저 안네 있는 HTML 요소에 데이터 출력
2. document.write() : 브라우저에 간단한 데이터 출력
3. alter() : 알림창에 데이터 출력
4. console.log() : 브라우저 콘솔에 데이터 출력 , 주로 디버깅시 데이터 확인용으로 자주 이용함.
728x90
반응형
'Frontend > JavaScript' 카테고리의 다른 글
[JS] 넌 var니?let이니?const니? (2) | 2023.10.17 |
---|---|
[JS] 정규식으로 유효성 검사하기(feat.AJAX) (2) | 2023.05.06 |
댓글