[ javascript ] 자바스크립트 함수 활용 구구단 만들기 예제

html

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div class="dan"></div>
<div  class="limit"></div>

 

 

 

css

body, a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.dan {
  font-size:3rem;
  font-weight:bold;
  color:red;
}

.limit {
  font-size:1.8rem;
  font-weight:bold;
}

 

 

javascript 

 

console.clear();
// 예제 3-1개 
//var $test = $('.test');
//$test.append('안녕하세요');


var dan = function(dan) {
  var $dan = $('.dan');
  $dan.append('구구단 ' + dan + '단');
}



var limit = function(limit) {
  var num = 8;
  dan(num);
  var $limit = $('.limit');
  for ( var i = 1; i <= limit; i++ ) {
    $limit.append(num + ' * ' + i + ' = ' + ( num * i ) );
    $limit.append('<br/>');
  }
}

limit(9);