Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 20.01.2019, 02:33   #1
Александр121
Форумчанин
 
Регистрация: 18.09.2017
Сообщений: 265
Репутация: -75
По умолчанию Как выводить изменение значений постоянно?

Переменная h=1000.Как сделать так чтобы когда нажимаешь на кнопку изменить значение в левом верхнем углу,показывалось сообщение значение изменилось допустим на 200; Второй раз нажимаешь на кнопку в левом верхнем углу показывается допустим значение изменилось на 400.но преведущее сообщение осталось но просто опустилось вниз.когда сообщение уже выходит за конец картинке оно стирается.Пример как должно выглядеть на картинке.


Цитата:
<!DOCTYPE html>
<html>
<head>
<canvas id="canvas" width="700" height="300"></canvas> <!-- полотно где отображается код -->
<title></title>
</head>
<body>
<script type="text/javascript">


var cvs=document.getElementById("canvas "); // подлкючаем канвас

var ctx = cvs.getContext("2d"); // говорим то что наша игра 2д



var image1=new Image(); // добавление картинки

image1.src="https://cdn.pixabay.com/photo/2016/11/29/01/13/background-1866485_1280.jpg"; // расположение начального фона

function q1(){ // начальный фон
ctx.drawImage(image1,0,0); // прогрузка начального фона в координатах 0 0

}

image1.onload=q1; // когда картинка зпгрузится тогда её и загружаю







function q9(){ // добавляет кнопки
btn5=document.createElement('BUTTON '); // создание кнопки
btn5.textContent='изменить значение'; // текст
btn5.id='cmd5'; // её id может пригодится
document.body.appendChild(btn5); // нужно чтобы добавилась кнопка
btn5.onclick=function(){ // функция когда кликаем по ней
var a=Math.random() * (100 - 50) + 100; // переменная которая будет менять текущее значение

q7(a); // отправка этой переменной в функцию
}
}

q9(); // вызов фун с кнопкой









btn4=document.createElement('getEle mentById'); // созадние шкалы
btn4.id='cmd4'; // id
document.body.appendChild(btn4); // нужно для добавления




var h=1000; // начальное значие
var z; // то что отнимаем

document.getElementById('cmd4').inn erHTML = 'значение переменной ' + h; // вывод начального значения



function q7(z){ // отнимаем текущее здоровье
h=h+z; // прибавление переменной для изменения
document.getElementById('cmd4').inn erHTML = 'произошли изменения' + h; // тут происходят изменения
}







</script>
</body>
</html>
Миниатюры
Нажмите на изображение для увеличения
Название: значение 3.jpg
Просмотров: 5
Размер:	46.1 Кб
ID:	95629  
Александр121 вне форума   Ответить с цитированием
Старый 21.01.2019, 12:10   #2
ADSoft
Профессионал
 
Регистрация: 25.02.2007
Адрес: Татарстан
Сообщений: 3,401
Репутация: 914

icq: 303-206-418
skype: ad-soft.info
По умолчанию

вместо innerHTML использовать - insertBefore - https://puzzleweb.ru/javascript/elem...sertbefore.php
ADSoft вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Связать 2 input chekbox - в зависимости от выбранных значений в первом, выводить соответст. значения во втором antlantis PHP 1 08.03.2017 11:45
[РЕШЕНО]: Как выводить предложение it's my car в языке Паскаль? (как выводить апострофы (') на экран) SASFM Паскаль 2 13.12.2016 22:00
Изменение значений в диапазоне. СИ Bayern_M Помощь студентам 6 14.04.2015 20:56
Как в MsgBox, выводить несколько значений valerij Microsoft Office Excel 12 23.03.2010 00:17
Свойства компонентов. Изменение значений sergeev_2005 Microsoft Office Word 1 27.10.2009 16:54


11:49.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru