JS로 html수정
document.getElementById('??').?? = '??';
document.getElementById('hello').innerHTML = '안녕';
UI 제작
1.HTMl,CSS로 미리제작(필요하면 숨김)
2.필요할 때 보여줌(JS를 이용)
코드 짤 때 자주 겪는 에러 메시지
1.조작할 html의 하단에 코드짜야 잘됨
2.셀렉터 오타 주의
3.기본문법 오타
function parameter
<button onclick="Alert('block')">버튼
<script>
function Alert(parameter){
document.getElementById('alert').style.display = parameter;
}
</script>
addEventListener:이벤트 부여
jquery문법만 사용가능: JS 기본 문법 x
$('.class').on('click', function(){})
input:입력할때마다
change:입력 후 커서를 다른곳에 찍은후
==: 약한 비교연산자(데이터타입이 달라도 같음)
===: 쌤(데이터타입이 다르면 다르다)
var: 재선언o 재할당o
let: 재선언x 재할당o
const: 재선언x 재할당x
이벤트 버블링:이벤트가 상위 html로 퍼지는 현상(한번클릭으로 여러개 클릭)
function(e){
e.target; // 실제로 클릭한것
e.currentTarget; // 이벤트리스너가 달린 곳
this;
e.preventDefault(); // 이벤트 기본동작 막음
e.stopPropagation(); // 내 상위요소로 이벤트 버블링 막음
}
//array
var array = [자료1, 자료2, 자료3]
//object key value
var object = {이름: '자료1', 내용: '자료2'}
array 와 object
array: 숫자로 불러옴, 순서개념 o,
정렬 가능 array.sort()
자르기 가능 array.slice()
object: key로 불러옴, 순서개념 x