Tiny Finger Point Hand With Heart
본문 바로가기
Frontend/JavaScript

[JS] 처음부터 다시 시작하자,,,우리,,,

by yoondii 2023. 10. 16.
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

댓글