Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   текст-индикатор (https://javascript.ru/forum/misc/82236-tekst-indikator.html)

CBETA 06.04.2021 13:40

текст-индикатор
 
Подскажите как сделать следующее:
если да-текст зеленого цвета, если нет-красного

ksa 06.04.2021 14:03

Цитата:

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

Как вариант...

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

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

CBETA 06.04.2021 17:09

наверное я не точно описала задачу. Где здесь цвет текста указать?

CBETA 06.04.2021 17:14

это то что у меня есть. Не знаю где прописать цвета (Исправна-зеленым, Неисправна - красным)
<script type="text/javascript">
var a = 0;
if (a > 0) {document.write('Исправна');}
else {document.write ('Неисправна');}
</script>

ksa 06.04.2021 17:17

Цитата:

Сообщение от CBETA
Не знаю где прописать цвета

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

Либо тем тегам явно задать нужные цсс-свойства в атрибуте style...

CBETA 06.04.2021 17:20

подскажите где в моем случае классы назначить. Я реальный новичок

рони 06.04.2021 17:21

CBETA,
пиши css

рони 06.04.2021 17:30

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>

CBETA 07.04.2021 09:17

спасибо
:)


Часовой пояс GMT +3, время: 16:27.