Java Script - дать определенным элементам массива другой цвет
Я пытаюсь что-то сделать с JS, но, как обычно, массивы оказываются проклятием моего существования...
Мне нужно перебирать числа от 1 до 100 и печатать их в HTML, каждое число, которое делится на 3, должно отображаться красным цветом, а все остальные числа должны быть черными. Я пробовал так много вещей и пытался найти, как это сделать, но не мог понять. Может ли кто-нибудь, пожалуйста, сказать мне, как правильно это сделать?
Вопрос о цветах? Модуль? Оба? Ни один?
Да, извините, он должен быть красного цвета, а не слова.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Вы можете использовать следующий код, чтобы получить то, что вы ищете.
for (let i = 1; i < 101; i++) {
if (i % 3 == 0) {
console.info('THREE');
} else {
console.info(i)
}
}Если вам нужно записать значения в документ, измените console.info на document.write
Сначала перебираем номера с 1 на 100:
for (var i = 1; i <= 100; i++) {
//Stuff will go here
}
Затем напишите номер i в HTML:
document.write(i);
Наконец, добавьте оператор if:
if (i % 3) {
document.write(i);
} else {
document.write("THREE");
}
Полный код:
for (var i = 1; i <= 100; i++) {
if (i % 3) {
document.write(i + "<br>");
} else {
document.write("THREE<br>");
}
}РЕДАКТИРОВАТЬ
Вот как сделать THREE красным:
for (var i = 1; i <= 100; i++) {
if (i % 3) {
document.write(i + "<br>");
} else {
document.write("<span style='color: red;'>THREE</span><br>");
}
}Спасибо за ответ, Джек Башфорд, однако из-за позднего часа он сильно отвлекся и задал не тот вопрос. Я думал о первой задаче, которая заключалась в том, чтобы изменить слово, что я уже сделал. Что я сейчас блуждал, так это то, как изменить цвет текста в html.
Какие цвета вы хотите? Хотите, например, синий для цифр и красный для THREE? Не могли бы вы отредактировать свой вопрос?
Просто изменить THREE на красный, чтобы я мог видеть, как это делается, будет большое спасибо. Я уже отредактировал вопрос :)
Поместите THREE в какой-нибудь встроенный элемент и добавьте правило CSS, чтобы изменить цвет. Для печати списка решение объяснил Джек. (Сделал по-другому, потому что мог.)
const text = (new Array(100))
.fill('')
.map((_v, i) => (i % 3) === 0 ? `<b>THREE</b>` : i)
.join('<br/>');
document.write(`<p>${text}</p>`)b {
color: red;
}
Прежде чем пост будет засыпан дизлайками, вы можете опубликовать свой код?