Hướng dẫn count number of clicks in javascript - đếm số lần nhấp chuột trong javascript

Cải thiện bài viết

Lưu bài viết

Chúng tôi đã cho một nút và nhiệm vụ là đếm số lần nhấp vào nút được nhấp bằng JavaScript. & NBSP;

Cách tiếp cận: Đầu tiên, chúng tôi sẽ tạo nút HTML và phần tử đoạn văn trong đó chúng tôi hiển thị nút Nhấp vào đếm. Khi nút được nhấp, chức năng JavaScript được gọi. Chúng tôi khai báo một biến đếm và khởi tạo nó thành 0. Khi người dùng nhấp vào nút, giá trị đếm tăng lên 1 và hiển thị nó trên màn hình.First, we will create a HTML button and a paragraph element where we display the button click count. When the button is clicked, the JavaScript function called. We declare a count variable and initialize it to 0. When user clicks the button, the count value increased by 1 and display it on the screen.

Example:

HTML

<

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
0
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

<

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
3
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5<
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
8
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
9
1
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
3
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

<

   
5
   
6
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
9
   
8
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5<
  
2
   
6
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
9
  
5
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

  
7
  
8

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5
   
1
  
2
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5<
documet.getElementById('[id of the button]').addEventListener('click', function(){
         cnt++
         var divData=document.getElementById("showCount");
         divData.innerHTML="Number of Downloads: ("+cnt +")";//this part has been edited
});
5
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

  
7
documet.getElementById('[id of the button]').addEventListener('click', function(){
         cnt++
         var divData=document.getElementById("showCount");
         divData.innerHTML="Number of Downloads: ("+cnt +")";//this part has been edited
});
8

  
7
 
 
0

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5
   
1
documet.getElementById('[id of the button]').addEventListener('click', function(){
         cnt++
         var divData=document.getElementById("showCount");
         divData.innerHTML="Number of Downloads: ("+cnt +")";//this part has been edited
});
5
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5<
 
 
7
 
 
8
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
9
  
0
  
1
 
 
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5<
  
6
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

  
7
  
9

  
7
 
 
8
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
94507

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5
   
1
  
6
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5<<4 <5______19<7____11

  
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
00

  
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
02

  
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
04

  
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
06

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
07
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
08

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
07
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
10

  
7
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
12

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
5
   
1<4
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

   
1
   
5
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

   
1
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
0
 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }
1

Output:

Hướng dẫn count number of clicks in javascript - đếm số lần nhấp chuột trong javascript


Tôi có một trang mà tôi muốn đếm số lần nhấp vào một nút. và các số được hiển thị ngay bên dưới nút đó.

Tôi đã cố gắng tìm kiếm và tìm thấy điều này.Tôi nghĩ rằng điều này sẽ không tính tổng số lần nhấp: Theo dõi số lần nhấp nút

Tôi quen thuộc với mã JavaScript, vì vậy bất kỳ trợ giúp nào cũng hữu ích.

user513951

11.9k7 Huy hiệu vàng65 Huy hiệu bạc79 Huy hiệu đồng7 gold badges65 silver badges79 bronze badges

Đã hỏi ngày 6 tháng 6 năm 2014 lúc 6:03Jun 6, 2014 at 6:03

Hướng dẫn count number of clicks in javascript - đếm số lần nhấp chuột trong javascript

Sahibjot Singhsahibjot SinghSahibjot Singh

1.2913 huy hiệu vàng12 Huy hiệu bạc19 Huy hiệu đồng3 gold badges12 silver badges19 bronze badges

Mã HTML :

  

Mã JS:

 var inc=0;
 function myFunction() {
    inc=inc+1;
    alert(inc);    
 }

Đã trả lời ngày 6 tháng 6 năm 2014 lúc 6:09Jun 6, 2014 at 6:09

Hướng dẫn count number of clicks in javascript - đếm số lần nhấp chuột trong javascript

Giả sử HTML của bạn là:

Đã trả lời ngày 6 tháng 6 năm 2014 lúc 6:16Jun 6, 2014 at 6:16

Hướng dẫn count number of clicks in javascript - đếm số lần nhấp chuột trong javascript

3

Bạn có thể làm theo cách này:

  

Hoặc bạn có thể thêm Listner sự kiện

documet.getElementById('[id of the button]').addEventListener('click', function(){
         cnt++
         var divData=document.getElementById("showCount");
         divData.innerHTML="Number of Downloads: ("+cnt +")";//this part has been edited
});

Đã trả lời ngày 28 tháng 1 năm 2019 lúc 15:00Jan 28, 2019 at 15:00

Elvis S.Elvis S.Elvis S.

3531 Huy hiệu vàng3 Huy hiệu bạc13 Huy hiệu đồng1 gold badge3 silver badges13 bronze badges

HTML:

 
 

Mã JS:

  

Gayashanbc

8971 Huy hiệu vàng15 Huy hiệu bạc 30 Huy hiệu Đồng1 gold badge15 silver badges30 bronze badges

Đã trả lời ngày 28 tháng 6 năm 2021 lúc 16:00Jun 28, 2021 at 16:00

NgalongaloNgalo

11 Huy hiệu Đồng1 bronze badge