생활코딩

Coding Everybody

코스 전체목록

닫기

페북 HTML을 분석해서 추첨 기능 만들기

수업 소개 

본 수업에서는 최근 생활코딩 페이스북 그룹에서 점차 늘고 있는 이벤트에 대해서 구성원들의 의견을 물어보기 위한 이벤트를 진행했습니다. 2분에게 책을 보내드리기로 했는데요. 자바스크립트를 이용해서 간단한 프로그램을 만들어봤습니다. 이 프로그램을 만드는 과정을 수업으로 만들었습니다. 아래는 페이스북에서 진행한 이벤트에 대한 스크린 캡쳐입니다. 페이스북 바로가기

수업내용

이번 수업은 테스트 삼아서 세로로 만들어봤습니다. 

 

 

소스코드

var 당첨자수 = 2;
var 댓글선택자 = '._3b-9>div>.UFIComment .UFICommentActorName';
function shuffle(a) {
    for (let i = a.length; i; i--) {
        let j = Math.floor(Math.random() * i);
        [a[i - 1], a[j]] = [a[j], a[i - 1]];
    }
}
var list = [];
document.querySelectorAll(댓글선택자).forEach(function(e){
    list.push(e.innerText);
});
list = list.filter((v,i,a) => a.indexOf(v)===i);
shuffle(list)
console.log(list.slice(0,당첨자수));

github 바로가기 

댓글

댓글 본문
  1. 레타
    오늘 해보니 2번 코드라인 '._2b05' 이런식으로 간단하게 바꼈더라구요!
  2. 고양이
    투표에 고양이 없어요?ㅠ
  3. Jung Hyun Min
    이런류를 처음 접하시는분들에게는 굉장히 희안한 느낌일듯 합니다
    전편에 이어서 잘보았습니다!
  4. sideburnz@naver.com
    항상 좋은 강의 해 주려고 하셔서 감사합니다.
    그런데 화면이 세로로 되어 있으니까 글자도 잘 안보이고 불편해서 강의를 보다가 중단하게 되었어요.
    코딩은 글자가 많다보니 역시 전체화면이 좋은거 같습니다. :)
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기