반응형 [LANG]75 [JS] javascript vs html vs CSS 누가먼저 실행될까 *결론 : 브라우저 마다 실행 속도가 다르다. 화면을 만들땐 HTML + CSS + javascript 를 사용하여 만든다. 서로 다른 언어를 섞어쓸땐 각 브라우저마다 실행속도가 다르므로 처리를 해줘야 한다. 페이지가 로딩이 되면 로딩이 완료된후 다음 코드를 실행할수 있게 처리를 해줘야한다 1 2 3 4 ★5.★ 최종형태 2022. 6. 2. [JS]내부글자제어 *목표 : input에 작성된 값을 각각 innerHTML , textContent방식으로 출력 =정의 : 내부 글자라 함은 태그 사이에 작성된 내용을 의미한다. -ex) 내용 *주의* 단 :textarea은 입력 태그로 분류되므로 입력값을 value로 읽는다. innerHTML / textContent 의 차이는 HTML은 html명령어가 보이지 않으며 textContent는 입력된 그대로 출력된다 내부 글자 제어 2022. 6. 2. [JS]Class제어 *목표 : 버튼을 누르면 해당하는 클래스를 추가 --클레스 제어 명령어 -className 속성 : 기존의 클래스까지 모두 덮어쓰기 =class라는 속성 대신 className으로 직접 class=""부분을 작성할수 있다. =덮어씌우기 떄문에 돌아갈수 없다... -classList 속성: =모든 태그 객체는 classList라는 클래스 저장소를 가진다. =명령이 다양해지며 기존 클래스와 충돌이 발생하지 않는다 =주로 사용하는 명령어가 될꺼같다. function success(){ var h1 = document.querySelector(".title"); //h1.className = "success";//덮어쓰기 remove(); h1.classList.add("success");//추가 } fun.. 2022. 6. 2. [JS]CheckBox , 체크박스 체크박스를 제어 하는 코드를 보겟다. 체크박스 생성은 HTML에서 로 생성이 가능하다 checkbox의 설정으로 checked="ckecked"를 설정할수 있는데 이상태의 코드가 작성되면 기본적으로 체크가 되어있는 상태로 된다. 그럼 내가 직접 체크박스를 해지하는것이아닌 버튼을 눌러 체크박스를 제어할수잇을까 체크 해제 위코드에서보면 ck를 대상으로 ckecked의 속성을 true/false로 바꿀수가 있다. 여러개의 체크박스가 잇을때 제어하는 방법의 코드를 작성해보겟다 반복문이 등장하여 한번에 제어한다 이부분은 Jquery를 사용하게 되면 반복문없이 처리가 가능하다. 과일체크박스 연습문제 전체 선택 딸기 포도 람부탄 홍시 두리안 오렌지 망고 파인애플 용과 샤인머스켓 스타후르츠 2022. 6. 2. 이전 1 ··· 7 8 9 10 11 12 13 ··· 19 다음 반응형