HTML - если еще с условным «если выбор содержит X, сделайте Y» - PullRequest
Новая
       6

HTML - если еще с условным «если выбор содержит X, сделайте Y»

0 голосов
/ 15 января 2020

извините за базовый c вопрос. Я просто не использую HTML, поэтому не могу разобрать это самостоятельно.

Основа c - у меня вопрос о квалификациях, запрограммированный на l oop - and-merge, но мне нужно раскрасить текст, основываясь на том, какие данные извлекаются из l oop -and-merge.

Базовый c пример - скажем, у меня есть эти три пары полей: 

Field 1 Field 2
50% up   50% up
50% down 50% up
50% up   No change

Мне нужно, чтобы текст, который заполнялся в вопросе, был зеленым, если вытащенные данные "вверх" , «красный, если« вниз », и желтый, если« без изменений ».

Итак, текст вопроса выглядит так:

Представьте, что была предложена новая политика economi c по прогнозам:

  • даст $ {lm: // Field / 1} богатства бедного населения страны
  • приведет к $ {lm: // Field / 2} богатства страны

Вы бы проголосовали за эту политику?

Где поля выбираются случайными парами. Как я могу отредактировать HTML здесь, чтобы он был чем-то похожим на ', если поле 1 содержит слово [вверх / вниз / без изменений], закрасьте текст [зеленый / красный / желтый], если поле 2 содержит слово [вверх / вниз / без изменений], цвет текста [зеленый / красный / желтый]?

Для справки: HTML, как оно уже существует в вопросе: 

Imagine a new economic policy was proposed that was projected to:
<div><br>
- result in a<span style="color: rgb(39, 174, 96);">&nbsp;</span><strong>${lm://Field/1}&nbsp;</strong>of the wealth of the country's&nbsp;<span style="font-weight: 700;">poor</span>&nbsp;<br>
- result in a&nbsp;<strong>${lm://Field/2}</strong>&nbsp;of the wealth of the country's&nbsp;<span style="font-weight: 700;">rich</span>&nbsp;</div>

<div><br>
Would you vote for this policy?</div>

Будем благодарны за любые рекомендации!

1 Ответ

1 голос
/ 15 января 2020

Вам нужно включить цвета как l oop и объединить поля. Чтобы минимизировать изменения, предположим, что field3 - это цвет для field1, а field4 - это цвет для field2.

Ваши поля l oop & merge будут: 

Field 1  Field 2    Field 3    Field4
50% up   50% up     green      green
50% down 50% up     red        green
50% up   No change  green      yellow

(вы также можете используйте шестнадцатеричные или rgb цветовые коды, если хотите)

Тогда ваш html будет выглядеть примерно так: 

Imagine a new economic policy was proposed that was projected to:
<ul>
<li>result in a <span style="color:${lm://Field/3};font-weight:bold">${lm://Field/1}</span> of the wealth of the country' s poor</li>
<li>result in a <span style="color:${lm://Field/4};font-weight:bold">${lm://Field/2}</span> of the wealth of the country's rich</li>
</ul>
Would you vote for this policy?
...