[JavaScript] 자바스크립트 기본문법

자바스크립트기본문법 

1. HTML을 요소 변경

<p id="hello"> 안녕 </p>
<script>
 
document.getElementById('hello').innerHTML = 올때메로나}
 

</script>

---

2. 누르면 무언가를 실행하고 싶을때( 이벤트리스너 )

<p id="hello"> 안녕 </p>
<button id='button'> 버튼 </button>

<script>
 
document.getElementById('button').addEventListner('click', () => {
document.getElementById('hello').innerHTML = 올때메로나})
 

</script>

---

3. 잠깐 자료를 저장해두고 싶을때 (변수선언 및 자료구조)

[JavaScript] 무엇으로 변수 선언을 하는것이 좋을까? var, let, const의 차이점

<p id="hello"> 안녕 </p>
<button id='button'> 버튼 </button>

<script>
 

var name= ['kim', 'park']
name[0]; // kim
var name= {name : 'kim', age : 20};
name.name // kim



</script>

---

4. 긴 코드를 짧게 축약하려할때 (function)

5. 함수를 다양하게 쓰려면 파라미터를 잘 사용

7. if/else 조건문

8. for, freEach 반복문

<p id="hello"> 안녕 </p>
<button id='button'> 버튼 </button>

<script>
 
document.getElementById('button').addEventListner('click', () => {
 작명('바보') }) 
 
function 작명(파라미터, 파라미터2){
document.getElementById('hello').innerHTML = 파라미터}
 

//자료구조

var name= ['kim', 'park']
name[0]; // kim
var name= {name : 'kim', age : 20};
name.name // kim


//조건문

if(a==1 && 2==2 || 3==3) {
 console.log('블라블라);
} else {
	console.log('부왁')
}


//반복문

for (var i = 0; i < 3 ; i++) {
 console.log('안녕')
}


[1,2,3,4].forEach(function(a){
})


</script>