let result; // 전역변수
window.xxxxonload=function() {
let bg_btn, bg;
bg=document.querySelector(".bg");
bg_btn=document.getElementById("bg_btn");
/*
bg_btn.xxxxonclick=function() {
// console.log("클릭했군요");
bg.style.background = "url(./img/bg1.jpg)";
bg.style.backgroundSize = "100% 100%";
}
*/
bg_btn.addEventListener("click", function() {
// bg.style.background = "url(./img/bg1.jpg)";
// bg.style.backgroundSize = "100% 100%";
let no = parseInt( Math.random()*5+1 ) ; // 1~5 생성
bg.style.background = "url(./img/bg" + no + ".jpg)";
bg.style.backgroundSize = "100% 100%";
})
let num1, num2, add, sub, mul, div;
num1=document.getElementById("num1");
num2=document.getElementById("num2");
add=document.querySelector("#add");
sub=document.querySelector("#sub");
mul=document.querySelector("#mul");
div=document.querySelector("#div");
result=document.querySelector(".result");
add.addEventListener("click", function() {
calc("add"); // 함수 호출
})
sub.addEventListener("click", function() {
calc("sub"); // 함수 호출
})
mul.addEventListener("click", function() {
calc("mul"); // 함수 호출
})
}
// 함수 정의
function calc(op) {
// console.log( op + " 클릭했군요");
switch(op) {
case "add": {
let re = parseFloat(num1.value) + parseFloat(num2.value) ;
result.innerHTML = re.toFixed(2);
} break;
case "sub": {
let re = parseFloat(num1.value) - parseFloat(num2.value) ;
result.innerHTML = re.toFixed(2);
} break;
case "mul": {
let re = parseFloat(num1.value) * parseFloat(num2.value) ;
result.innerHTML = re.toFixed(2);
} break;
}
}
=================================================
반복문 1234/ 234/234/234 조건이 만족할 동안 반복 실행하라
for( i=0; i<5; i++ ) {
---- ----- ----
초기값 ; 비교값 ; 증가값
1 2 4
실행문; 3
}
변수 : 데이터를 저장하는 기억장소
배열 : 데이터를 순서대로 저장하는 기억장소
첨자(index)를 사용하여 순서를 기억한다.
첨자(index)는 [대괄호]를 사용한다.
textA = ["책설명", "윈도우", "하늘", "책1권", "책 2권"];
https://www.remove.bg/