Javascript에 관한글 (41)
브라우저 객체 lacatior 객체 메서드 : window.prompt() : 입력창 표시하기

const btn = document.querySelector("#sample3 .btn1"); //버튼 btn.addEventListener("click", () => { //클릭 이벤트 const conf = prompt("오늘 공부 할 준비가 되었습니까?"); document.querySelector("#sample3 .view").innerText = conf; });
Javascript/브라우저 객체
브라우저 객체 screen 객체 메서드 : window.confirm() : 확인창 표시하기

const btn = document.querySelector("#sample2 .btn1"); //버튼 btn.addEventListener("click", () => { //클릭 이벤트 const conf = confirm("오늘 공부할 준비가 되었나요?"); document.querySelector("#sample2 .view").innerText = conf; }); // 만약에 true 면 네 준비되었습니다. // 만약에 false 면 아니요 아직입니다.
Javascript/브라우저 객체
브라우저 객체 window 객체 메서드 : window.alert() : 알림창 표시하기

const btn = document.querySelector("#sample1 .btn1"); //버튼 btn.addEventListener("click", () => { //클릭 이벤트 alert("알림창"); });
Javascript/브라우저 객체
수학 메서드 : math.max(), math.min(), math.abs() : 가장 큰 값을 반환 : 반환(숫자)

document.querySelector(".sample03_N1").innerHTML = 1; document.querySelector(".sample03_Q1").innerHTML = "1, 3, 5"; document.querySelector(".sample03_M1").innerHTML = "Math.max();"; document.querySelector(".sample03_R1").innerHTML = Math.max(1, 3, 5); document.querySelector(".sample03_N2").innerHTML = 2; document.querySelector(".sample03_Q2").innerHTML = "-1, -3, -5"; document.querySelector(".sa..
Javascript/수학 객체
수학 메서드 : math.random() : 반올림 : 반환(숫자)

document.querySelector(".sample02_N1").innerHTML = 1; document.querySelector(".sample02_Q1").innerHTML = "0 ~ 1"; //기본값 document.querySelector(".sample02_M1").innerHTML = "Math.random();"; document.querySelector(".sample02_R1").innerHTML = Math.random(); document.querySelector(".sample02_R1").style.color = "#000"; document.querySelector(".sample02_B1").addEventListener("click", () => { document...
Javascript/수학 객체
수학 메서드 : math.round(), math.floor(), math.ceil(), math.thunc() : 반올림 : 반환(숫자)

document.querySelector(".sample01_N1").innerHTML = 1; document.querySelector(".sample01_Q1").innerHTML = "1.14"; document.querySelector(".sample01_M1").innerHTML = "Math.round(1.14);"; document.querySelector(".sample01_R1").innerHTML = Math.round(1.14); document.querySelector(".sample01_N2").innerHTML = 2; document.querySelector(".sample01_Q2").innerHTML = "1.24"; document.querySelector(".sample..
Javascript/수학 객체
배열 메서드 : Array.from() : 배열로 변환하기 : 반환 (배열)

const text = "javascript" const result = Array.from(text) document.querySelector(".sample15_M1").innerHTML = "Array.from()"; console.log(result) const text2 = "javascript" const result2 = Array.from(text2, el => el+"10") document.querySelector(".sample15_M2").innerHTML = "Array.from('+10')"; const text3 = "javascript" const result3 = [...text3].map(el => el) document.querySelector(".sample15_M3"..
Javascript/배열 객체
배열 메서드 : map() : 배열 요소에서 추출하여 새로운 배열로 만듦 : 반환 (배열)

const arrNum1 = [100,200,300,400,500]; const result1 = arrNum1.map(el => el); document.querySelector(".sample13_M1").innerHTML = "map(el => el)"; const arrNum2 = [100,200,300,400,500]; const result2 = arrNum2.map(el => el + "j"); document.querySelector(".sample13_M2").innerHTML = "map(el => el + 'j')"; const arrNum3 = [100,200,300,400,500]; const result3 = arrNum3.map(el => el + 100); document.q..
Javascript/배열 객체
1 2 3 4 ··· 6
© 2018 webstoryboy