Увеличение значения по клику.

@Dent_Shredder · Регистрация: 02.04.2015

Студворк — интернет-сервис помощи студентам

У меня 2 DIV

<DIV ID=FIRST>Нажми</>
<DIV ID=SECOND>Значение</>

Мне нужно чтобы при нажатии на <DIV ID=FIRST> значение в <DIV ID=SECOND>Значение</> увеличивалось на 5.

Буду благодарен за помощь!

Добавлено через 25 минут
Можно использовать вместо DIV id=SECOND, input если с дивом не возможно.

@Sergio Leone · 27.05.2015, 23:05

я ноль в JS, но может тебя такой код устроит:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body>
<script type="text/javascript" src="jquery.min.js"></script>
 
<script type="text/javascript">
(function($){$(function(){
  $("#FIRST").on('click', function () {
    var s = $("#SECOND").text();   
    $("#SECOND").html(5+parseInt(s));  
  });
})})(jQuery);
</script>
 
<DIV ID="FIRST">Нажми</>
<DIV ID="SECOND">0</>
 
</body>

@Dent_Shredder · 28.05.2015, 00:13 **[ТС]**

Отлично но можно сделать чтоб при обновлении страницы сохранялись параметры?

@alexsamos33 · 28.05.2015, 07:42

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
function getCookie(name){var matches=document.cookie.match(new RegExp("(?:^|; )"+name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return matches?decodeURIComponent(matches[1]):undefined}
function setCookie(name,value,props){props=props||{};var exp=props.expires;if(typeof exp=="number"&&exp){var d=new Date;d.setTime(d.getTime()+exp*1E3);exp=props.expires=d}if(exp&&exp.toUTCString)props.expires=exp.toUTCString();value=encodeURIComponent(value);var updatedCookie=name+"="+value;for(var propName in props){updatedCookie+="; "+propName;var propValue=props[propName];if(propValue!==true)updatedCookie+="="+propValue}document.cookie=updatedCookie}
function deleteCookie(name){setCookie(name,null,{expires:-1})};
 
$(function(){
num_div=parseInt(getCookie("num_div"));
if(num_div>0) $("#SECOND").html(num_div);
$("#FIRST").click(function(){
var s = $("#SECOND").text();
$("#SECOND").html(5+parseInt(s));
setCookie("num_div", $("#SECOND").html());
});
});
</script>

HTML5
1
2
<DIV ID="FIRST">Нажми</DIV>
<DIV ID="SECOND">0</DIV>

P.S. Функции cookie взяты здесь + сжаты компилятором, чтобы занимали поменьше места.

@Dent_Shredder · 28.05.2015, 13:37 **[ТС]**

Не сохраняется значение. Может нужна библиотека особая?

Добавлено через 2 минуты
Хотя сохраняется в Firefox, в chrome нет, мне нужно чтобы сайт включал cookie.

@alexsamos33 · 28.05.2015, 14:13

Ты запускаешь локально или на сервере? Если локально то неполучится, на сервере запускай, через Denwer можно...

Добавлено через 8 минут
Вот, только что запустил, работает. Internet Explorer, Firefox, Chrome - нормально работает, всё сохраняет.

Добавлено через 7 минут
вот, посмотри.

HTML5
1
2
<DIV ID="FIRST">КЛИКАЙ СЮДА!</DIV>
<DIV ID="SECOND">0</DIV>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function getCookie(name){var matches=document.cookie.match(new RegExp("(?:^|; )"+name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return matches?decodeURIComponent(matches[1]):undefined}
function setCookie(name,value,props){props=props||{};var exp=props.expires;if(typeof exp=="number"&&exp){var d=new Date;d.setTime(d.getTime()+exp*1E3);exp=props.expires=d}if(exp&&exp.toUTCString)props.expires=exp.toUTCString();value=encodeURIComponent(value);var updatedCookie=name+"="+value;for(var propName in props){updatedCookie+="; "+propName;var propValue=props[propName];if(propValue!==true)updatedCookie+="="+propValue}document.cookie=updatedCookie}
function deleteCookie(name){setCookie(name,null,{expires:-1})};
 
$(function(){
num_div=parseInt(getCookie("num_div"));
if(num_div>0) $("#SECOND").html(num_div);
$("#FIRST").click(function(){
var s = $("#SECOND").text();
$("#SECOND").html(5+parseInt(s));
setCookie("num_div", $("#SECOND").html());
});
});

@Dent_Shredder · 28.05.2015, 15:28 **[ТС]**

Да чтобы chrome работал на денвер загрузил всё норм.

Добавлено через 6 минут
https://jsfiddle.net/6m4suy6n/embedded/result/ Чуть чуть модернизировал

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function getCookie(name){var matches=document.cookie.match(new RegExp("(?:^|; )"+name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return matches?decodeURIComponent(matches[1]):undefined}
function setCookie(name,value,props){props=props||{};var exp=props.expires;if(typeof exp=="number"&&exp){var d=new Date;d.setTime(d.getTime()+exp*1E3);exp=props.expires=d}if(exp&&exp.toUTCString)props.expires=exp.toUTCString();value=encodeURIComponent(value);var updatedCookie=name+"="+value;for(var propName in props){updatedCookie+="; "+propName;var propValue=props[propName];if(propValue!==true)updatedCookie+="="+propValue}document.cookie=updatedCookie}
function deleteCookie(name){setCookie(name,null,{expires:-1})};
 
$(function(){
num_div=parseInt(getCookie("num_div"));
if(num_div>0) $("#SECOND").html(num_div);
$("#FIRST").click(function(){
var s = $("#SECOND").text();
$("#SECOND").html(5+parseInt(s)+'&nbsp; cents');
setCookie("num_div", $("#SECOND").html());
});
});
 
$(function(){
num_div1=parseInt(getCookie("num_div"));
if(num_div>0) $("#SECOND").html(num_div1);
$("#THIRD").click(function(){
var s = $("#SECOND").text();
$("#SECOND").html(parseInt(s)-parseInt(s)+'&nbsp; cents');
setCookie("num_div", $("#SECOND").html());
});
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
Edit in JSFiddle
 
    JavaScript
    HTML
    CSS
    Result
 
<HTML>
  <HEAD>
  <META http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  <TITLE></TITLE>
  </HEAD>
  <BODY>
  <center>
<DIV ID="NULL"><p class="tCenter"><b>Ваш счёт:</b></p></DIV>
<DIV ID="SECOND"><p class="tCenter"><b>0</b></p></DIV>
<div id="info">
<DIV ID="NULL1"><p class="tCenter"><b>Заработай своё</b></p></DIV>
<DIV ID="FIRST"><p class="tCenter"><b>Кликай</b></p></DIV>
<DIV ID="THIRD"><p class="tCenter"><b>Снять деньги</b></p></DIV>
</div>
 
</center>
  </BODY>
</HTML>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
Edit in JSFiddle
 
    JavaScript
    HTML
    CSS
    Result
 
#NULL{
background: DarkRed;
border: 1px solid black;
font: 12px arial;
color: white;
width: 200px;
height: 50px;
text-align: center;
margin-top: 50px;
}
#NULL1{
background: DarkRed;
border: 1px solid black;
font: 12px arial;
color: white;
width: 200px;
height: 50px;
text-align: center;
}
#FIRST{
background: DarkOrange;
border: 1px solid black;
font: 12px arial;
color: black;
width: 200px;
height: 50px;
text-align: center;
}
#FIRST:hover{
background: #FFD700;
}
#THIRD{
background: #FF7F50;
border: 1px solid black;
font: 12px arial;
color: black;
width: 200px;
height: 50px;
text-align: center;
}
#THIRD:hover{
background: #DC143C;
color: black;
}
#SECOND{
background: DarkGreen;
border: 1px solid black;
font: 12px arial;
color: white;
width: 200px;
height: 33px;
text-align: center;
padding-top: 17px;
}
.tCenter{
margin: 17px auto;
}
#info{
margin: auto;
width: 300px;
height: 210px;
background: rgba(0,0,0,0.5);
padding-top: 50px;
}
#COOL{
background: Brown;
border: 1px solid black;
font: 12px arial;
color: white;
width: 200px;
height: 33px;
text-align: center;
padding-bottom: 17px;
}

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Dent_Shredder 0 / 0 / 0 Регистрация: 02.04.2015 Сообщений: 28

	Увеличение значения по клику. 27.05.2015, 22:59. Показов 2719. Ответов 6 Метки нет (Все метки) У меня 2 DIV <DIV ID=FIRST>Нажми</> <DIV ID=SECOND>Значение</> Мне нужно чтобы при нажатии на <DIV ID=FIRST> значение в <DIV ID=SECOND>Значение</> увеличивалось на 5. Буду благодарен за помощь! Добавлено через 25 минут Можно использовать вместо DIV id=SECOND, input если с дивом не возможно. 0

@Dent_Shredder 0 / 0 / 0 Регистрация: 02.04.2015 Сообщений: 28
	28.05.2015, 00:13 [ТС]
	Отлично но можно сделать чтоб при обновлении страницы сохранялись параметры? 0

@Dent_Shredder 0 / 0 / 0 Регистрация: 02.04.2015 Сообщений: 28
	28.05.2015, 13:37 [ТС]
	Не сохраняется значение. Может нужна библиотека особая? Добавлено через 2 минуты Хотя сохраняется в Firefox, в chrome нет, мне нужно чтобы сайт включал cookie. 0