Question

我编写了JS脚本，console.logs函数Fizz Buzz的结果。我尝试了多种使用方式

function fizz (num){

  for (var i = 0; i <= num; i++){
  var output = ""; 

  if(i % 3 === 0 ) {output += "Foo";}
  if(i % 5 === 0 ) {output += "Bar";}

  if(output ===""){output = i;}

  console.log(output)

   }

}

fizz(100)

不幸的是，我只能让Buzz打印到屏幕上。 JS代码如下。

def weighted_binary_crossentropy(self, y_true, y_pred) :

    logloss = -(y_true * K.log(y_pred) * self.weights[0] + (1 - y_true) * K.log(1 - y_pred) * self.weights[1])

    return K.mean(logloss, axis=-1)

目标是将结果打印到屏幕上，我可以用清晰的方式设置结果样式。

非常感谢任何帮助。

Answer 1

您可以使用html元素'ul'并为每个输出附加一个新的列表项。

我会举个例子。在我的HTML文档中，我将有一个ID为“output”的UL-Element

<ul id="output"></ul>

这就是这个任务的html部分。

你的Javascript看起来不错。我将用它来实现追加逻辑

function fizz (num){
   for (let i = 0; i <= num; i++){
     let element = document.createElement('li')
     element.innerText = "";
     if(i % 3 === 0 ) {element.innerText += "Fizz";}
     if(i % 5 === 0 ) {element.innerText += "Buzz";}
     if(element.innerText === ""){element.innerText = i;}
     document.getElementById('output').appendChild(element);
   }
}

fizz(100);

完整的工作版本：https://codepen.io/araynimax/pen/pKpqWa

使用方法document.createElement()您可以创建可以填充信息的新HTML元素，并将其附加到另一个容器。阅读更多here

将Fizz Buzz显示在屏幕上

1 个答案: