아무래도 7note입니다. 카운터를 만듭니다. (기록 유지 기능 없음)

js를 사용하여 간단한 카운터를 만듭니다.
움직임 부분만이므로 페이지를 다시로드하면 다시 0으로 돌아갑니다.

출처

index.html

<p>カウンター：<span id="count">0</span></p>
<input type="button" value="カウント" onClick="count();">

script.js

function count(){
  var thisCount = $("#count").html();
      thisCount = Number(thisCount);
      thisCount = thisCount + 1;
  $("#count").html(thisCount);
}

해설

html측은 텍스트와 버튼을 설치하고 있습니다. 카운트할 부분을 알기 쉽게 span으로 둘러싸는 id를 지정합니다.

var thisCount = $("#count").html(); 에서 현재 값을 가져옵니다.

이대로와 문자열 그대로이므로, 계산할 수 있도록 var thisCount = Number(thisCount); 로 캐릭터 라인으로부터 숫자열에 변환.

var thisCount = thisCount + 1; 에서 얻은 값에 1을 더합니다.

$("#count").html(thisCount); 에서 값을 한 자리 숫자로 덮어씁니다.

요약

알기 쉽게 쓰면 이런 느낌입니까? 단지 기록을 유지시키거나, 보다 복잡한 계산을 시키거나, 카운트하기 전의 숫자를 보관해 두고 또 따로 유용하는 등이 상정되는 경우는 이 프로그램에서는 조금 어려울까 생각합니다.

어머니!

~ Qiita에서 매일 게시 중!! ~
【초보자용】WEB 제작의 조금 테크 모임