JavaScript TIL Day 4

• 자바스크립트 쓰는 이유

• 데이터 상자 만들기
  var name ='엄준식'
  document.write(name);
  // 타입을 알고 싶을 땐 (typeof name)

• 로또 번호 추첨기
  var num = Math.random() *45+1; //1~46까지
  var ball1 = parseInt(num); //소수점이하 버리기
  document.write(ball1);

• 배열 (Array)
  var lotto = [1,2,3,4,5,6]; //배열array
  lotto.push(7); // 7추가
  document.write(lotto);

• 로또 번호 추첨기2
  var lotto =[];
  lotto.push(parseInt(Math.random()*45+1));
  document.write(lotto);

• 로또 번호 추첨기3 //for문
  var lotto = [];
  for (var i=0;i<6;i++){
  lotto.push(parseInt(Math.random()*45+1));

  }
  document.write(lotto);
  

• 로또 번호 추첨기4 //중복된 값처리 if 조건문
  var num = parseInt(Math.random()* 45 +1);
  if(lotto.indexOf(num) == -1){
  lotto.push(num);
  }
  

• while 문 // 언제까지 반복할지 .length

while(lotto.length < 6) {
var num = parseInt(Math.random()* 45 +1);
if(lotto.indexOf(num) == -1){
lotto.push(num);
}
}

var lotto = [1,2,3,33,22,11];
lotto.sort((a,b)=>a-b);//오름차순 정렬
document.write(lotto);

• DOM

• 자소서
  var content = document.getElementById('jasoseol').value;
  console.log(content); // content.length는 글자수

• document.getElementById('count').innerHTML = '('+content.length + '/200';
  

• 이벤트 핸들링
  

• 200 글자까지 쓰기 .substring 사용
  if (content.length>200){
  content = content.substring(0,200);
  document.getElementById('jasoseol').value =
  content;
  }

• dom에 접근 document.getElementById로 HTML 이용
  *jQuery
  console.log($.('#content'.val());

  $('#click').click(hello);

*익명함수
$('#click').click(function(){
console.log('hello');
});

*미니 스타크래프트 .click

• 기념일 계산기

  Date 객체

• 기념일 계산기

• GitHub
  시작하기: git init
  유저 이름 설정: git config --global user.name "codelion-jocoding"
  이메일 등록: git config --global user.email #####@gmail.com
  파일 추가: git add .
  메세지 입력: git commit -m "first commit"
  보낼 곳 등록: git remote add origin https://github.com/codelion-jocoding/myrepo.git
  보낼 곳으로 코드 전송: git push origin master
  

free deploy site : netlify