라라리라

_0501_setInterval1.html DOCTYPE html> Document 일정 시간 간격으로 값 증감시키기 증가 정지 let num = 0; function addNumber(){ num += 1; console.log("num: " + num); } // setInterval(함수(){}, 밀리세컨드) // 해당 시간간격만큼 해당 함수를 호출함(애니메이션) let auto = setInterval(addNumber, 100); // 0.1초 간격으로 addNumber함수 호출

_0407_문자열로테이블생성1.html DOCTYPE html> Document let str = ""; str += ""; str += "123"; str += ""; str += ""; str += "123"; str += ""; str += ""; str += "123"; str += ""; str += ""; document.write(str); HTML 삽입 미리보기할 수 없는 소스 _0408_문자열로테이블생성2.html DOCTYPE html> Document document.write("구구단표"); document.write(""); for (let i = 1; i HTML 삽입 미리보기할 수 없는 소스 _0409_문자열로스타일생성1.html DOCTYPE html> Document .bl..

_0401_추가_appendChild.html DOCTYPE html> Document 과일 목록 let parent = document.querySelector("#list"); let ul = document.createElement("ul"); parent.appendChild(ul); let li1 = document.createElement("li"); li1.innerText = "사과"; ul.appendChild(li1); let li2 = document.createElement("li"); li2.innerText = "바나나"; ul.appendChild(li2); let li3 = document.createElement("li"); li3.innerText = "딸기"; ul.ap..

_0319_mouse1.html DOCTYPE html> onclick #my_div { background: green; height: 300px; width: 1000px; display: block; margin: 0 auto; } let div = document.getElementById("my_div"); let clearbtn = document.getElementById("clearbtn"); let result = document.getElementById("result"); div.addEventListener("click", (a) => { result.innerHTML+= "click"; }); div.addEventListener("mousedown", (a) => { result..

_0310_종합예제1.html DOCTYPE html> Document .sub { width: 100px; height: 100px; cursor: pointer; } .second { align-self: center; text-align: center; background-color: lightpink; } .table { align-self: center; text-align: center; align-items: center; border: 1px solid lightblue } #heading { text-align: center; } 간식 종류 상품명 : 삼립 미니꿀약과 판매가 : 20,000원 배송비 : 3,000원 수량 : 장바구니 담기 // 메인 상품 이미지 가져오기 let mainIm..

_0301_이벤트추가1.html DOCTYPE html> onclick 버튼 function clickMe() { alert("클릭!"); }

_0201_id로변경.html DOCTYPE html> getElementById() getElementById() 메서드 let obj = document.getElementById("content"); // 텍스트 색상 변경 obj.style.color = "red";

_0111_백틱_기본.html DOCTYPE html> Document let x = 10; let y = 20; let result = x + y; let element = document.querySelector("#msg"); element.innerText = `${x} + ${y} = ${result}`;