Форум

_0_ · #11 (**permalink**) 10.05.2013, 16:22

Да, но для меня с JQuery сложновато отладочные инструменты использовать, у вас есть какой-нибудь совет?

Макс Тирдатов · #12 (**permalink**) 10.05.2013, 16:27

Ruslan_xDD,
У меня почему-то не работает, но логику я, в общем-то, понял. Попробую исправить. Большое спасибо.

skfyann · #13 (**permalink**) 10.05.2013, 16:38

_0_,
Не используйте jQuery :-D

ruslan_mart · #14 (**permalink**) 10.05.2013, 16:46

Макс Тирдатов, извиняюсь

var elem = document.getElementById('add_num'), num = +elem.innerHTML;

function addNum()
{
	num++;
	elem.innerHTML = num;
	if(num == 10)
	{
		alert('Вы досчитали до 10!');
		num = -1;
	}
}

Вот так работает, проверял.

dmitriymar · #15 (**permalink**) 10.05.2013, 16:53

Сообщение от _0_

Да, но для меня с JQuery сложновато отладочные инструменты использовать

да щаз. скажите это разработчикам инструментов и модулей их для джиквери.

Сообщение от _0_

у вас есть какой-нибудь совет?

Сообщение от dmitriymar

вот по этому, когда не знал об фаирбаге и подобных и даже консоли, вставлял алерты и отлаживал каждый шаг

Макс Тирдатов · #16 (**permalink**) 10.05.2013, 17:08

Ruslan_xDD, с небольшим исправление добился нужного результата:

function addNum(){
var elem = document.getElementById('add_num'), num = +elem.innerHTML;
num++;
elem.innerHTML = num;
if(num == 10){
alert('Вы досчитали до 10!');
elem.innerHTML = (num = 0);
}
}

Большое вам спасибо!

ruslan_mart · #17 (**permalink**) 10.05.2013, 17:16

Сообщение от Макс Тирдатов

var elem = document.getElementById('add_num'), num = +elem.innerHTML;

Лучше всё-таки это вынести за функцию.

Макс Тирдатов · #18 (**permalink**) 10.05.2013, 17:32

Ruslan_xDD,
Когда переменные за функцией, у меня почему-то ничего не работает.

ruslan_mart · #19 (**permalink**) 10.05.2013, 17:37

Макс Тирдатов, Вы наверное что-то не так делаете

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
</head>

<body>
<input type="button" value="+1" onclick="addNum()" />
<span id="add_num">0</span>

<script type="text/javascript">
// <![CDATA[
var elem = document.getElementById('add_num'), num = +elem.innerHTML;
 
function addNum()
{
    num++;
    elem.innerHTML = num;
    if(num == 10)
    {
        alert('Вы досчитали до 10!');
        elem.innerHTML = num = 0;
    }
}
// ]]>
</script>
</body>
</html>

Макс Тирдатов · #20 (**permalink**) 10.05.2013, 17:53

Ruslan_xDD,
Да, вы правы. Я делал скрипт выше кнопки и текста. Теперь всё нормально

Форум

Справочник

Discord чат

Курсы javascript