버튼을 클릭 할 때 카운터 증가시키기 (JavaScript, HTML)

-1

HTML 문서 용 버튼을 표시하고 싶을 때마다이 버튼을 클릭 할 때마다 증가합니다. 증분 후 카운터에 다시 액세스 할 때 해당 카운터 (사용자 수)가 표시됩니다. 는 내가 읽은 것은 가능이 같은 것 증가 된 값버튼을 클릭 할 때 카운터 증가시키기 (JavaScript, HTML)

addBtn.on("click", function() { 
    counter.html(++value); 
    return;   
});

출처

2014-11-10 AJ1

을 저장하는 방법을 클릭 단위에 addBtn라는 기능이 있다는 것입니다. "your_textfield"를 선택자로 바꾸십시오.

var counter = 1; 
    function increase(){ 
     var textBox = document.getElementById("your_textfield"); 
     textBox.value = counter; 
     counter ++; 
    }

출처

2014-11-10 08:48:36 user2952238

당신은 당신

을 위해 그것을 할 수있는 PHP가 필요 파일과 함께하고 싶어 그러나 이것은 웹의 로컬 스토리지를 사용하여 간단한 일 경우는

콘솔을 확인할 수 있습니다 브로우저 브라우저의 쇼에서

객체 스토리지의 로그인

<html> 
<head> 
    <style> 
     .overlay { 
      background-color: rgba(0,0,0,0.5); 
      width: 100%; 
      height: 100% 
     } 
    </style> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
</head> 

<body> 
    <p class="display"></p> 
    <input type="button" class="add" value="click me"> 

    <script type="text/javascript"> 
     $(document).on('ready', function(){ 
      var count = 0; 
      var storage = window.localStorage; 
      var disp = $('p.display'); 
      if (storage.getItem('count')) { 
       count = parseInt(storage.getItem('count')); 
       disp.html(count); 
      } 

      $('.add').on('click', function(){ 
       if (storage.getItem('count') != null) { 
        count = parseInt(storage.getItem('count')); 
       } 
       count++; 
       storage.setItem('count', count); 
       disp.html(count); 
       console.log(storage);     

      }); 
     }); 
    </script> 

</body> 
</html>

출처

2014-11-10 08:55:00

계산 값이 표시되지 않지만 어떻게 바로 옆에있는 계산 값을 호출하고 인쇄 할 수 있습니까? – AJ1

문자열로 간주하여 document.write()에 쓸 수 있습니까? – AJ1

브라우저의 콘솔 로그를 확인할 수 있습니다. –

addBtn.on("click", function() { 
    var counter=$(this).html(); 
    counter+=1; 
    $(this).html(counter); 
    return;   
});

출처

2014-11-10 08:55:16

버튼을 클릭 할 때 카운터 증가시키기 (JavaScript, HTML)

답변

관련 문제