구구단

ex02.html

<script>
// 변수 i 정의
// 반복문
// 변수가 들어있는 연산의 표기 ex) `${ 값 } + ${ 값 }`    

// for ( 초기값; 조건; 증가값)
for(let i=1; i<3; i++) {
    console.log(i);
}

for(let i=7; i>=3; i--) {
    console.log(i);
}
// ?? i 의 값은? 3  => 7 -> 6 -> 5 -> 4 -> '3(거짓)' 여기가 표시 되는 값 -> 4

const n1 = document.querySelector('#n1');
const b1 = document.querySelector('#b1');
const o1 = document.querySelector('#o1');

b1.addEventListener('click', function(){
    o1.innerHTML = "";
    for(let i=1; i<10; i++){ // 1 2 3 4 5 6 7 8 9
        o1.innerHTML += 
            `${n1.value} * ${i} = ${Number(n1.value)*i} <br />`;
        
    }

// console.log(i, arr[i]);        

    o1.innerHTML += "<hr />";
    const arr = [1,2,3,4,5,6,7,8,9];  // arr[0], arr[1], arr[3],
    for(let tmp of arr){
        // console.log(tmp);
        o1.innerHTML += 
            `${n1.value} * ${tmp} = ${Number(n1.value)*tmp} <br />`;

    }      

// for(let i=0;i<9;i++){ // 0 1 2 3
//     console.log(i, arr[i]);
// }
});

</script>