Question

我正在努力编写代码。我正在尝试做的事情：

每隔几秒钟在“ show”元素旁边插入随机数（如果有）。

预期结果

当其“不可用”时，不能插入任何数字。
当其“可用”时，可以插入数字。

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>

Answer 1

为了读取其他元素（在这种情况下为兄弟元素）状态（“可用”或“不可用”）以切换工作，您可以调用目标属性的previousSibling然后访问其innerHTML 。详细了解previousSibling dom属性。 https://www.w3schools.com/jsref/prop_node_previoussibling.asp

fiddle

如何插入一个可用的元素？

1 个答案: