Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/18: Рейтинг темы: голосов - 18, средняя оценка - 4.50
4 / 4 / 1
Регистрация: 17.09.2017
Сообщений: 359

Как сделать изменение значения в реальном времени?

06.11.2018, 03:19. Показов 3617. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
"a" это здоровье как сделать чтобы оно изменялось в реальном времени допустим когда я нажимаю удар (1) оно вычиталось в реальном времени и когда достигнет нуля выводилось сообщение вы выиграли?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var a; // здоровье босса
a=prompt('Введите здоровье босса');
document.write("текущее здоровье босса");
document.write(a);
//var b=100; 
 
function q5(){
   if(a<=0){
    
    document.write("поздравляю вы выиграли!!!!!");
}
document.write(a);
}
 
 
 
 
document.write("<button onClick ='a=a-50'>удар (1) 1- 50 </button>");
document.write("<button onClick ='a=a-100'>удар (2) 100 </button>");
document.write("<button onClick ='a=a-500'>удар (3) 10 - 500 </button>");
document.write("<button onClick ='a=a-1000'>удар (4) 10- 1000 </button>");
document.write("<button onClick ='q5()'> количество жизни сколько осталось </button>");
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
06.11.2018, 03:19
Ответы с готовыми решениями:

Как сделать чат в реальном времени?
Основной вопрос: как сделать чат в реальном времени? Причем я подразумеваю не тот чат, который обновляется раз в 3 секунды, а тот, что...

Как сделать анимированный счётчик в реальном времени?
Как сделать счётчик, ну или так называемую &quot;линейку&quot; Есть сайтик, который это позволяет сделать - https://4com.su/schetchik.php Но мне...

Как сделать отрисовку графика в реальном времени?
Сделал график, он пока все значения не посчитает, рисовать не хочет. А если процесс часа два будет идти? Надо, чтобы с каждым новым...

3
13 / 8 / 7
Регистрация: 15.04.2015
Сообщений: 46
06.11.2018, 05:42
Лучший ответ Сообщение было отмечено Александрррррпд как решение

Решение

Александрррррпд, document.write здесь не подойдёт. Предлагаю взаимодействовать с параграфом. Разметка:
HTML5
1
2
3
4
5
<button onClick ='changeHealth(-50); printHealth(); checkHealth();'>удар (1) 1- 50 </button>
        <button onClick ='changeHealth(-100); checkHealth(); printHealth();'>удар (2) 100 </button>
        <button onClick ='changeHealth(-500); checkHealth(); printHealth();'>удар (3) 10 - 500 </button>
        <button onClick ='changeHealth(-1000); checkHealth(); printHealth();'>удар (4) 10- 1000 </button>
        <p>Текущее здоровье босса: <span id="boss-health"></span></p>
Скрипт:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var a = +prompt('Введите здоровье босса'); // с помощью "+" пытаемся преобразовать введенную строку в число
var boss_health = document.getElementById("boss-health");
// сразу после указания здоровья босса, вызываем метод, который отобразит его
printHealth();
 
// метод, проверяющий количество здоровья
function checkHealth() {
    if (a <= 0) {
        alert("поздравляю вы выиграли!!!!!");
        a = 0;
    }
}
 
// метод, обновляющий содержимое элемента, который отображает здоровье
function printHealth() {
    boss_health.innerHTML = a;
}
 
// метод позволяющий изменить количество здоровья. Если в скобках указать отрицательное значение, то здоровье будет уменьшено
function changeHealth(amount) {
    a += amount;
}
1
566 / 465 / 183
Регистрация: 14.10.2017
Сообщений: 1,259
06.11.2018, 05:43
Лучший ответ Сообщение было отмечено Александрррррпд как решение

Решение

если вы в реальном времени собираетесь использовать document.write, он будет затирать всю страницу
1
4 / 4 / 1
Регистрация: 17.09.2017
Сообщений: 359
06.11.2018, 08:41  [ТС]
текущее здоровье босса не показывает
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
06.11.2018, 08:41
Помогаю со студенческими работами здесь

Как сделать считывание клавиши с клавиатуры в реальном времени?
Хочу написать тетрис, и возник такой вопрос. Я пока знаю только getch, а он стопорит программу пока не нажмёшь кнопку.

Как сделать, чтобы график рисовался в реальном времени?
в данном случае использую компонент TChart как сделать чтоб график в реальном времени рисовался по точкам? procedure...

Подскажите, пожалуйста, как сделать суммирование чисел в реальном времени?
Подскажите пожалуйста, как сделать суммирование чисел в реальном времени. То есть запускаю программу, ввожу числа в textbox1 и textbox2,...

Как сделать отображение в реальном времени: текста из поля, в другом поле?
Нужно сделать простую штуку: 1. Обычное поле для ввода текста. 2. Поле для отображения в реальном времени, того что сейчас печатаешь в...

Как сделать чтобы результаты отладки отображались на winform в реальном времени
visual studio 2017 community В настоящее время происходит следующее: - запускаю отладку с точками останова; - нажимаю...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Перемещение выделенных строк ТЧ из одного документа в другой
Maks 30.03.2026
Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .
Functional First Web Framework Suave
DevAlt 30.03.2026
Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа
Maks 29.03.2026
Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .
Настройка движения справочника по регистру сведений
Maks 29.03.2026
Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru