2017-11-26 9 views
-1

페이지에 간단한 버튼이 있는데 질문하고 싶습니다.이 버튼을 클릭하거나 클릭 할 때마다 가장 좋은 방법은 무엇입니까? - 텍스트 파일입니까? 일부 인터넷 서버입니까? 나는 JS에 아주 새것, 감사합니다. - 데모는 여기에 있습니다 :자바 스크립트에서 데이터 저장

지금까지되었습니다 얼마나 많은 클릭을 알려줍니다 timesClicked라는 변수를 만든

var el = document.getElementById('like'); 
 
el.addEventListener('click', function() { 
 
    this.className = 'after'; 
 
});
.like{ 
 
    color: red; 
 
} 
 
.like:hover{ 
 
    color: blue; 
 
} 
 
.after{ 
 
    color: blue; 
 
}
Do you like this page? Please click button bellow. 
 
<button class="like" id="like">CLICK!</button>

+2

이 정보는 저장 위치 및보고자에 따라 다릅니다. 버튼을 클릭 한 사용자 만 카운트에 대해 알아야합니까? –

+0

만약 당신이 단지 사용자 당 카운트하고 싶다면 당신은 js를 로컬로 할 수 있지만, 매번 누군가가 페이지로 가서 클릭 할 때 서버를 사용할 필요가 있다고 생각하면 – Franck

+0

웹 마스터 일반 사용자가 페이지를 탐색 할 수 없습니다. 또한 누군가가 페이지에 버튼을 클릭 할 때마다 증가하는 숫자를 확인하는 액세스 권한이있는 곳이면 어디서나 저장할 수 있습니다. – Arbys

답변

-1
var el = document.getElementById('like'); 
var timesClicked = 0; 
el.addEventListener('click', function() { 
    this.className = 'after'; 
    timesClicked += 1; 
}); 

. 이 코드를 사용하여 몇 번이나 볼 수 있습니까?

console.log(timesClicked) 
+0

그래, 어쩌면 해결책이 될 수 – Arbys

+0

잘하지만 페이지를 새로 고친 후 다시 설정, 페이지를 새로 고침 카운터를 다시 시작하지 않고도 할 수 있을까? – Arbys

+0

@Arbys 아니요 페이지를 새로 고침 할 때 무언가를 재설정하지 않으려면 쿠키를 사용하여 저장하거나 웹 서버를 사용해야하며 호스트로 모든 사용자의 클릭 수를 볼 수 있어야합니다. 사용자는 * 웹 서버를 사용해야합니다 * –