Цвет текста в зависимости от значения температуры - HTML и CSS

platon70 · 18.02.2019, 07:23

Прошу помощи для Умного дома. Вывел на планшет текущую температуру окружающей среды в городе. Хотелось бы, чтобы цвет текста температуры менялся в зависимости от отрицательного или положительного значения. Например, если температура 0 и ниже, то синим, все, что выше 0 - красным цветом текста.

Вывод осуществляется из объекта YandexWeather

<td><div class="temp">%yw_mycity.temp% °C</div></td>

Где yw_mycity.temp и есть текущее значение температуры.

CSS:

Код:

.temp {
	margin-right: 15px;
	text-align: right;
	font-size: 60px;
	text-shadow: 0 0 7px #f2f3f4;
	color: #FFFFFF;
}

Пожалуйста, оформляйте Ваш код согласно правилам.

Вадим Мошев · 18.02.2019, 20:14

Я бы посоветовал тогда анализировать значение yw_mycity.temp.
Перевести его в число можно так: parseFloat(yw_mycity.temp). Далее полученное значение сравнивать с нулём. В зависимости от результата контейнеру через CSS присвоить красный или синий цвет. Только надо учесть, что температура может быть и равна нулю, у вас не написано, что делать в этом случае.

18.02.2019, 07:23	#1
platon70 Новичок Джуниор Регистрация: 18.02.2019 Сообщений: 1	Цвет текста в зависимости от значения температуры Прошу помощи для Умного дома. Вывел на планшет текущую температуру окружающей среды в городе. Хотелось бы, чтобы цвет текста температуры менялся в зависимости от отрицательного или положительного значения. Например, если температура 0 и ниже, то синим, все, что выше 0 - красным цветом текста. Вывод осуществляется из объекта YandexWeather <td><div class="temp">%yw_mycity.temp% °C</div></td> Где yw_mycity.temp и есть текущее значение температуры. CSS: Код: `.temp { margin-right: 15px; text-align: right; font-size: 60px; text-shadow: 0 0 7px #f2f3f4; color: #FFFFFF; }` Пожалуйста, оформляйте Ваш код согласно правилам. Последний раз редактировалось Вадим Мошев; 18.02.2019 в 20:07.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
[РЕШЕНО] Как у ссылки изменить расстояние от текста до подчёркивающей линии, а также цвет, толщину и цвет?	Lolopop12	HTML и CSS	2	05.06.2017 02:13
цвет линии на Tchart в зависимости от значения	SonicBob	Общие вопросы Delphi	6	24.10.2011 08:44
В зависимости от значения в ComboBox1 выводить значения в ComboBox2	LeX2009	БД в Delphi	14	21.05.2010 16:49
Как считать значения датчиков температуры мат. платы, ЦПУ, видюхи?	_dx	Win Api	4	13.06.2009 01:40
Окрашивание текста в зависимости от значения	art1cool	Microsoft Office Excel	2	19.08.2008 12:29

18.02.2019, 20:14	#2
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Я бы посоветовал тогда анализировать значение yw_mycity.temp. Перевести его в число можно так: parseFloat(yw_mycity.temp). Далее полученное значение сравнивать с нулём. В зависимости от результата контейнеру через CSS присвоить красный или синий цвет. Только надо учесть, что температура может быть и равна нулю, у вас не написано, что делать в этом случае.