【초보자라도 알 수 있다】js로 클릭한 수를 카운트하는 장치
아무래도 7note입니다. 카운터를 만듭니다. (기록 유지 기능 없음)
js를 사용하여 간단한 카운터를 만듭니다.
움직임 부분만이므로 페이지를 다시로드하면 다시 0으로 돌아갑니다.
출처
index.html<p>カウンター：<span id="count">0</span></p>
<input type="button" value="カウント" onClick="count();">
script.jsfunction count(){
var thisCount = $("#count").html();
thisCount = Number(thisCount);
thisCount = thisCount + 1;
$("#count").html(thisCount);
}
해설
<p>カウンター：<span id="count">0</span></p>
<input type="button" value="カウント" onClick="count();">
function count(){
var thisCount = $("#count").html();
thisCount = Number(thisCount);
thisCount = thisCount + 1;
$("#count").html(thisCount);
}
var thisCount = $("#count").html(); 에서 현재 값을 가져옵니다. var thisCount = Number(thisCount); 로 캐릭터 라인으로부터 숫자열에 변환. var thisCount = thisCount + 1; 에서 얻은 값에 1을 더합니다. $("#count").html(thisCount); 에서 값을 한 자리 숫자로 덮어씁니다. 요약
알기 쉽게 쓰면 이런 느낌입니까? 단지 기록을 유지시키거나, 보다 복잡한 계산을 시키거나, 카운트하기 전의 숫자를 보관해 두고 또 따로 유용하는 등이 상정되는 경우는 이 프로그램에서는 조금 어려울까 생각합니다.
어머니!
~ Qiita에서 매일 게시 중!! ~
【초보자용】WEB 제작의 조금 테크 모임
Reference
이 문제에 관하여(【초보자라도 알 수 있다】js로 클릭한 수를 카운트하는 장치), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/7note/items/08ce715e3d2de1dcd559텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
