Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.04.2021, 13:40
Интересующийся
Отправить личное сообщение для CBETA Посмотреть профиль Найти все сообщения от CBETA
 
Регистрация: 06.04.2021
Сообщений: 11

текст-индикатор
Подскажите как сделать следующее:
если да-текст зеленого цвета, если нет-красного
Ответить с цитированием
  #2 (permalink)  
Старый 06.04.2021, 14:03
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от CBETA
если да-текст зеленого цвета, если нет-красного
Как вариант...

let val = 'да';
alert(val == 'да' ? 'текст зеленого цвета' : val == 'нет' ? 'красного' : '')

val = 'нет';
alert(val == 'да' ? 'текст зеленого цвета' : val == 'нет' ? 'красного' : '')
Ответить с цитированием
  #3 (permalink)  
Старый 06.04.2021, 17:09
Интересующийся
Отправить личное сообщение для CBETA Посмотреть профиль Найти все сообщения от CBETA
 
Регистрация: 06.04.2021
Сообщений: 11

наверное я не точно описала задачу. Где здесь цвет текста указать?
Ответить с цитированием
  #4 (permalink)  
Старый 06.04.2021, 17:14
Интересующийся
Отправить личное сообщение для CBETA Посмотреть профиль Найти все сообщения от CBETA
 
Регистрация: 06.04.2021
Сообщений: 11

это то что у меня есть. Не знаю где прописать цвета (Исправна-зеленым, Неисправна - красным)
<script type="text/javascript">
var a = 0;
if (a > 0) {document.write('Исправна');}
else {document.write ('Неисправна');}
</script>
Ответить с цитированием
  #5 (permalink)  
Старый 06.04.2021, 17:17
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от CBETA
Не знаю где прописать цвета
Для этого нужно использовать какие-либо хтмл-теги... У них можно указать классы... А в ЦСС можно те классы определить нужным образом.

Либо тем тегам явно задать нужные цсс-свойства в атрибуте style...
Ответить с цитированием
  #6 (permalink)  
Старый 06.04.2021, 17:20
Интересующийся
Отправить личное сообщение для CBETA Посмотреть профиль Найти все сообщения от CBETA
 
Регистрация: 06.04.2021
Сообщений: 11

подскажите где в моем случае классы назначить. Я реальный новичок
Ответить с цитированием
  #7 (permalink)  
Старый 06.04.2021, 17:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

CBETA,
пиши css
Ответить с цитированием
  #8 (permalink)  
Старый 06.04.2021, 17:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

CBETA,

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    .red{
        color: #FF0000;
    }
    .green{
        color: #008000;
    }
    </style>
</head>
<body>
<div id="txt">текст-индикатор</div>
    <script>
let answer = prompt("да/нет?", "");
let obj = {"да" : "green", "нет" : "red"};
let cls = obj[answer];
if(cls) txt.classList.add(cls);
    </script>
</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 07.04.2021, 09:17
Интересующийся
Отправить личное сообщение для CBETA Посмотреть профиль Найти все сообщения от CBETA
 
Регистрация: 06.04.2021
Сообщений: 11

спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите поправить код, определения высоты блоков и их сравнения ozoro jQuery 20 09.11.2019 17:55
Помогите исправить JQuery плагин для разделения UL на равные списки ozoro jQuery 12 25.10.2019 17:37
Раскрывающийся список с объемными текстами morzer Общие вопросы Javascript 4 11.07.2016 14:54
прогкрутка к якорям cOAPerator Общие вопросы Javascript 20 27.08.2013 03:30