Javascript click counter

[AAtanasov]

Здравейте мъча се тука да направя един counter

имам

 <p><a id="id3" href="#">Изберете - Версия 2</a></p>

Искам като се натисне, да почне да брои колко клика са натиснати в този бутон и да излиза Кликнали сте: 1 , при втори клик 2 и т.н.

<script type="text/javascript">
var clicks = 0;
function linkClick(){
    document.getElementById('clicked').value = ++clicks;
    sasho = document.getElementById('clicked').value; 
}
document.write('<a href="#" onclick="linkClick()">Click Me!</a>');
</script>

<input id="clicked" size="3" onfocus="this.blur();" value="0" >

Този код вкарва във input поле броя кликове.
Но като се опитам да сравня

<script type="text/javascript">
if(clicks==3) { 
document.write('blablabla');
}
</script>

Не работи или пък
ако използвам
document.write(clicks); Винаги си седи 0.[/code]

 

[palex]

Ето ти едно бързо примерче:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<script>
	var clicks=0;
	function Increment() {
		++clicks;
		document.getElementById('mydiv').innerHTML = clicks;
		document.getElementById('myinput').value = clicks;  
	}
	</script>
</head>
<body>
<div id="mydiv">0</div>
<input id="myinput"/>
<button onclick="Increment()">Clcik me</button>
</body>
</html>

 

[AAtanasov]

Ето ти едно бързо примерче:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<script>
	var clicks=0;
	function Increment() {
		++clicks;
		document.getElementById('mydiv').innerHTML = clicks;
		document.getElementById('myinput').value = clicks;  
	}
	</script>
</head>
<body>
<div id="mydiv">0</div>
<input id="myinput"/>
<button onclick="Increment()">Clcik me</button>
</body>
</html>

Да работи, а защо като сложа под бутона.

    <script type="text/javascript">if(clicks==3) {
    document.write('blabla');
    }</script>

Това не работи, идеята ми е при определени кликове да изкарва различен текст.

 

[palex]

document.write се използва докато документа все още не е зареден. Честно казано аз никога не съм я използвал. За работа с вече заредената страница, което ти искаш се ползва решение като това, което ти показах.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <script>
        var clicks=0;
        function Increment() {
                ++clicks;
                msg="";
                document.getElementById('mydiv').innerHTML = clicks;
                document.getElementById('myinput').value = clicks;
				if (clicks==3) msg="Hello 3";
				if (clicks==5) msg="Hello 5";
				if (clicks==6) msg="Hello 6";
				if (clicks==7) msg="Hello 7";
				if (clicks==11) msg="Hello 11";
				document.getElementById('message').innerHTML = msg;  
        }
        </script>
</head>
<body>
<div id="mydiv">0</div>
<input id="myinput"/>
<button onclick="Increment()">Clcik me</button>
<br /><br />
<div id="message"></div>
</body>
</html>

 

[AAtanasov]

document.write се използва докато документа все още не е зареден. Честно казано аз никога не съм я използвал. За работа с вече заредената страница, което ти искаш се ползва решение като това, което ти показах.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
        <script>
        var clicks=0;
        function Increment() {
                ++clicks;
                msg="";
                document.getElementById('mydiv').innerHTML = clicks;
                document.getElementById('myinput').value = clicks;
				if (clicks==3) msg="Hello 3";
				if (clicks==5) msg="Hello 5";
				if (clicks==6) msg="Hello 6";
				if (clicks==7) msg="Hello 7";
				if (clicks==11) msg="Hello 11";
				document.getElementById('message').innerHTML = msg;  
        }
        </script>
</head>
<body>
<div id="mydiv">0</div>
<input id="myinput"/>
<button onclick="Increment()">Clcik me</button>
<br /><br />
<div id="message"></div>
</body>
</html>

Да благодаря, познанията по JavaScript са ми малко