Как используя JavaScript сделать такую вещь?

@vitos285380308 · Регистрация: 25.04.2016

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

У меня есть код:

PHP/HTML
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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Untitled Page</title>
  <link href="Untitled1.css" rel="stylesheet">
  <link href="index.css" rel="stylesheet">
  <script type="text/javascript"
 src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="wb_TextArt1"
 style="position: absolute; left: 18px; top: 238px; width: 172px; height: 34px; z-index: 3;">
<img src="https://www.cyberforum.ru/images/img0001.png" id="TextArt1"
 alt="Вася Пупкин" title="Вася Пупкин"
 style="width: 172px; height: 34px;"></div>
<div id="wb_TextArt2"
 style="position: absolute; left: 202px; top: 6px; width: 922px; height: 77px; z-index: 4;">
<img src="https://www.cyberforum.ru/images/img0006.png" id="TextArt2"
 alt="Симулятор жизни Васи Пупкина"
 title="Симулятор жизни Васи Пупкина"
 style="width: 922px; height: 77px;"></div>
<img src="https://www.cyberforum.ru/images/img0007.jpg" id="Banner1"
 alt="Здоровье:"
 style="border-width: 0pt; position: absolute; left: 225px; top: 100px; width: 148px; height: 38px; z-index: 5;">
<label id="lab">100</label><br>
<button id="button" onclick="myScript()">Батон</button>
<script type="text/javascript">
function myScript(){
var Str1 = document.getElementById('lab').innerHTML;
var num = parseInt(Str1) + 10;
String str = Integer.toString(num);
document.getElementById('lab').innerHTML=str;
}
</script>
</body>
</html>

Короче говоря мне нужно сделать так, чтобы при нажатии на "Батон" моя "Лэйбл" меняла значение на +10. (Например: было "100", я нажал на кнопку, стало "110", еще раз - "120"). У меня моя задумка почему то не хочет работать

@diadiavova · 05.03.2017, 18:16

vitos285380308, в 32-ой строке ты что-то намудрил, там точно не JavaScript

JavaScript
1
2
3
4
5
6
function myScript(){
var Str1 = document.getElementById('lab').innerHTML;
var num = parseInt(Str1) + 10;
var str = num.toString();
document.getElementById('lab').innerHTML=str;
}

@vitos285380308 · 05.03.2017, 18:40 **[ТС]**

Спасибо за исправления, сейчас попробую.

@kalabuni · 05.03.2017, 19:36

diadiavova, плюсик, имхо, работает побыстрее, чем parseInt (), да и toString() здесь лишнее
так буковок в коде меньше будет

JavaScript
1
2
var str = +document.getElementById('lab').innerHTML + 10;
document.getElementById('lab').innerHTML = str;

@diadiavova · 05.03.2017, 19:40

kalabuni, я там только одну строчку в коде заменил, так чтобы все работало и смысл первоначального кода сохранился. В исходном примере это 32-я строка, а в моем - 4-я.

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@vitos285380308 0 / 0 / 2 Регистрация: 25.04.2016 Сообщений: 71
	05.03.2017, 18:40 [ТС]
	Спасибо за исправления, сейчас попробую. 0

@diadiavova 7261 / 2608 / 745 Регистрация: 11.04.2015 Сообщений: 4,155 Записей в блоге: 43
	05.03.2017, 19:40
	kalabuni, я там только одну строчку в коде заменил, так чтобы все работало и смысл первоначального кода сохранился. В исходном примере это 32-я строка, а в моем - 4-я. 0

Как используя JavaScript сделать такую вещь?

Решение