Как изменить цвет фона абзаца в Javascript

1 

let n = 5;
let m = 5;
for(let j=0; j<m; j++){
for(let i=0; i<n; i++){
let boite = document.createElement("p");
boite.innerHTML = i+1;
  
document.querySelector("body").appendChild(boite);
 
}
 
document.write("<br>");
}
body{
  margin: 20px;
  background-color: white;
}
p{
  background-color: black;
  color: white;
  padding: 20px;
  width: 30px;
  border: 2px solid white;
  display: inline-block;
}

Я пытаюсь изменить background-color абзаца желтым, когда число четное (так, в javascript).

Я считаю, что мне нужно написать условие, в результате чего-то вроде

document.body.style.backgroundColor = "yellow";

но я не знаю, как выбрать абзац, поскольку я не хочу, чтобы backgroundColor body изменялся

  • 0
    что ты имеешь в виду под парой? когда я == j?
  • 0
    я имею в виду, когда я% 2 == 0
Теги:
background-color

4 ответа

0
Лучший ответ

Vous pouvez faire ca on utilisant une condition come de suite

if((i+1)% 2 == 0){}

Et pair c'est даже на английском языке:).

let n = 5;
let m = 5;
for(let j=0; j<m; j++){
for(let i=0; i<n; i++){
let boite = document.createElement("p");
boite.innerHTML = i+1;
if((i+1)% 2 == 0){
//voir si i+1 est pair ajouter le couleur
boite.style.backgroundColor = "yellow";
boite.style.color = "#000";
}
document.querySelector("body").appendChild(boite);

 
}
 
document.write("<br>");
}
body{
  margin: 20px;
  background-color: white;
}
p{
  background-color: black;
  color: white;
  padding: 20px;
  width: 30px;
  border: 2px solid white;
  display: inline-block;
}
Поделиться
  • 0
    благодарю вас ! именно то, что мне нужно. Следующий шаг - улучшить мой английский, я думаю ...
  • 0
    и проголосуйте и отметьте его как ответ ^^ ', отметьте мой ответ как решение спасибо
Показать ещё 2 комментария
0

Чтобы изменить цвет bacgkround, используйте только следующее:

<body>
      <p id="paragraphToChange">Hello World!</p>
<script>
    document.getElementById("paragraphToChange").style.background  = "blue";
</script>
</body>
Поделиться
  • 0
    Дело в том (извините, я не уточнил): я могу использовать только CSS и JavaScript ...
  • 0
    Это только HTML, CSS и JavaScript. Вторая часть заключается в создании условной функции, которая запускает изменение фона, когда вы этого хотите.
Показать ещё 3 комментария
0

Просто дайте каждому абзацу отдельный идентификатор, затем document.getElementById("ID").style.backgroundColor = "yellow"; идентификатор элемента, а затем измените его следующим образом: document.getElementById("ID").style.backgroundColor = "yellow";

Поделиться
  • 0
    Дело в том (извините, я не уточнил), я могу использовать только CSS и JavaScript, так что нет HTML
  • 0
    на вопрос ответили! еще спасибо!
0

Вот как я это сделаю:

let docBody = document.querySelector("body");
let n = 6;
let m = 6;
for (let j = 1; j < m; j++) {
  for (let i = 1; i < n; i++) {
    ifEven = (!(i % 2)) ? "style='background-color:yellow;color:#000;'" : "";
    docBody.insertAdjacentHTML("beforeend", "<p " + ifEven + ">" + i + "</p>");
  }
  docBody.children[docBody.children.length - 1].insertAdjacentHTML("afterend", "<br>");
}
body {
  margin: 20px;
  background-color: white;
}

p {
  background-color: black;
  color: white;
  padding: 20px;
  width: 30px;
  border: 2px solid white;
  display: inline-block;
}
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню