Блог

Главная - Вопросы по программированию - Как вставить элемент, когда он доступен?

Как вставить элемент, когда он доступен?

#javascript

#javascript

Вопрос:

Я изо всех сил пытаюсь написать свой код. Что я пытаюсь сделать:

  • Вставляйте случайные числа каждые несколько секунд рядом с элементами «показать», когда они говорят, что они доступны.

Ожидаемый результат

  • Когда он «Недоступен», никакие числа не могут быть вставлены.
  • Когда он «Доступен», в него можно вставлять числа.

 var myVar = setInterval(breakdown, 2000);
/*

var myVar1 = setInterval(random, 1000);

function random() {
  var n = Math.floor((Math.random() * 10)   1);
  let loops = Array.from(document.querySelectorAll('.show'));
  for (const loop of loops) {
    if () {
      loop.innerHTML = n;

    }
  }
} 

*/

function breakdown() {

  let elems = Array.from(document.querySelectorAll('.demo'));
  for (const elems1 of elems) {
    let d = Math.random();

    if (d < 0.50) {
      let str = "Available";
      text = str.fontcolor("green");
      x = true;
    } else {
      let str = "Not Available";
      text = str.fontcolor("red");
      y = false;
    }
    elems1.innerHTML = text;
  }

}  
 <p id="demo1" class="demo">
  <p id="show1" class="show"></p>
  <p id="demo2" class="demo">
    <p id="show2" class="show"></p>
    <p id="demo3" class="demo">
      <p id="show3" class="show"></p>

Комментарии:

1. Вам нужно, чтобы вставка случайных чисел была в отдельной функции?

2. Да, он был отсортирован, ty

Ответ №1:

Чтобы прочитать состояние других элементов (например, в данном случае sibling) («Доступно» или «Недоступно») для переключения работы, вы можете вызвать previousSibling целевое свойство, а затем получить доступ к его innerHTML . Подробнее о previousSibling свойстве dom. https://www.w3schools.com/jsref/prop_node_previoussibling.asp

скрипка