Đếm số lần click button javascript

• HTML

• Result
• Skip Results Iframe

  

    Nhấn vào đây!
  
  

  
Đóng cửa sổ trình duyệt và thử lại. Bạn sẽ thấy số lần nhấp vào nút sẽ được tiếp tục tăng thay vì đếm lại từ đầu

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.

Tôi đã làm điều gì đó tương tự như thế này trước đây, và tôi biết điều này thực sự gần. Tôi chỉ đang cố gắng làm cho nút của tôi tăng biến javascript và sau đó hàm hiển thị giá trị mới.

    



    
    Click me
    
Clicks: 

• javascript
• html
• click
• counter

19 hữu ích 3 bình luận 214k xem chia sẻ

answer

39

Sử dụng varthay vì intcho việc clickstạo biến của bạn và onClickthay vì clicklàm tên hàm của bạn:

var clicks = 0;

function onClick() {
  clicks += 1;
  document.getElementById("clicks").innerHTML = clicks;
};

Click me
Clicks: 

Trong JavaScript, các biến được khai báo bằng vartừ khóa. Không có thẻ như int, bool, string... để khai báo các biến. Bạn có thể nhận loại biến với 'typeof (yourvariable)', hỗ trợ thêm về điều này bạn tìm thấy trên Google.

Và tên 'click' được JavaScript dành riêng cho tên hàm, vì vậy bạn phải sử dụng một cái gì đó khác.

39 hữu ích 2 bình luận chia sẻ

answer

7

Không sử dụng từ "nhấp chuột" làm tên hàm. Đó là một từ khóa dành riêng trong JavaScript. Trong đoạn mã dưới đây, tôi đã sử dụng hàm "hello" thay vì "click"

    



    
    Click me
    
Clicks: 

7 hữu ích 0 bình luận chia sẻ

answer

2

Sau khi xem mã bạn đang mắc lỗi chính tả, đây là mã được cập nhật

var clicks = 0; // should be var not int
    function clickME() {
        clicks += 1;
        document.getElementById("clicks").innerHTML = clicks; //getElementById() not getElementByID() Which you corrected in edit
 }

Bản giới thiệu

Lưu ý: Không sử dụng các trình xử lý có sẵn, cũng như .click()hàm javascript, hãy thử đặt tên khác như clickME()

2 hữu ích 3 bình luận chia sẻ

answer

0

    






Click the button to trigger a function.

Click me

Điều này sẽ làm việc cho bạn :) Có var nên được sử dụng

0 hữu ích 1 bình luận chia sẻ

answer

0

Thông qua mã này, bạn có thể nhận được số lần nhấp vào một nút.

    
    
    


    

    0


 ----------JAVASCRIPT----------
let count = 0;
function myFunction() {
  count+=1;
  document.getElementById("btn").innerHTML = count;

 }

0 hữu ích 0 bình luận chia sẻ

Đăng nhập để trả lời câu hỏi

Có thể bạn quan tâm