JavaScript

이은룡·2022년 5월 19일
0

javascript

목록 보기
2/2

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

0개의 댓글