Chrome Extension 3 - 확장프로그램 실행

Chrome Extension 3 - 확장프로그램 실행

popup.html 파일에 아래 내용 추가한다.

<div id="count">count = 0</div><br>

<button id="add">증가</button>

<button id="sub">감소</button>

<script src="inc/scripts/jquery-2.2.0.min.js"></script>

<script src="inc/scripts/popup.js"></script>

jquery 파일은 해당 파일명을 수정한다.

popup.js 파일을 생성한다.

$(function() {

var count = 0;

$("#add").click(function() {

count ++;

if(count >= 10000) {

count = 9999;

}

$("#count").html("count = " + count);

});

$("#sub").click(function() {

count --;

if(count <= 0) {

count = 0;

}

$("#count").html("count = " + count);

});

});

증가, 감소 버튼을 클릭하면 count의 값이 변경 된다.

여기까진 보통의 html과 같다.