라라리라

_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}`;

_0107_innerText1.html DOCTYPE html> innerText 텍스트 지우기 let element = document.querySelector("#target"); element.innerText = "";

_0101_id로선택.html DOCTYPE html> getElementById() getElementById() 메서드 // 태그 선택 let element = document.getElementById("content"); console.log(element.innerText); // getElementById() 메서드 // 내용 변경 document.getElementById("target").innerText = "Hello, JavaScript"; document.getElementById("content").innerText = "Hello, JsDom";

_0023_수학_Math클래스.html DOCTYPE html> Math클래스 /* [개념] Math 클래스 */ let num = 2.6234; let maxNum = Math.max(10, 5, 8, 30), minNum = Math.min(10, 5, 8, 30), absNum = Math.abs(-3), // 절대값 roundNum = Math.round(num), // 반올림 floorNum = Math.floor(num), // 내림 ceilNum = Math.ceil(num), // 올림 randNum = Math.random(), // 랜덤은 소수점으로 나오기 때문에 곱하기 숫자로 범위를 정함 piNum = Math.PI; document.write(maxNum, " "); document..