Как используя 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-я.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

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

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

Опции темы

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

Решение