堆栈内存溢出
  繁体   English   中英

如何打印 function 从 JavaScript 到 html

[英]How can I print a function from JavaScript to html

 原文  2022-04-29 09:40:59  6   2    javascript/ html/ css/ frontend/ web-deployment

问题描述

我正在尝试从“*”中提取出来，我得到了正确的代码，因为它在控制台中有效，但是当我尝试在 html 文档中打印它时，它不起作用

function Pyramid() {
    let rows = 9;
    let output = '';
    for (let i = 1; i <= rows; i++) {
        for (let j = 1; j <= i; j++) {
            output += '*  ';
        }
        console.log(output);
        return output;
        output = '';
    }
}
document.getElementById('pyramid').textContent = generatePyramid();

<body>
    <div id="pyramid"></div>
    <script src="../script.js/script.js"></script>
</body>

2 个解决方案

解决方案1
 0  2022-04-29 09:52:52

尝试这个

document.getElementById("金字塔").innerHTML='generatePyramid()';

解决方案2
 0 已采纳  2022-04-29 09:54:48

好的，所以这里有一些小问题。

  • 您的 function 称为Pyramid但您正在调用generatePyramid 。
  • 您在第一行的末尾返回，因为return output在 for 循环内。
  • 在控制台中，您正在使用console.log输出，这将在控制台中为您提供一行...但是对于 HTML，您只是将其全部转储，因此它将是一排连续的星星，而不是一次一行。

在下面的代码中，我已经修复了这些问题并使其在<p>中输出每一行。 有很多方法可以实现并改进它，但我认为这就是您的目标。

function generatePyramid() {
  let rows = 9;
  let output = "";
  for (let i = 1; i <= rows; i++) {
    output += "<p>";
    for (let j = 1; j <= i; j++) {
      output += "* ";
    }
    output += "</p>";
  }
  return output;
}

document.getElementById("pyramid").innerHTML = generatePyramid();

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在HTML中打印JavaScript函数的返回值？ 如何在 HTML 上的 javascript 上从 Flask 打印数组元素 如何通过JavaScript在HTML中打印结果 如何从此Javascript / jQuery函数访问HTML属性？ 我如何从 HTML 文件中调用我的 Javascript function 我如何从具有javascript功能的页面获取html？ 如何从html文件中调用javascript函数 如何从 html onclick 中的 javascript 模块调用函数 如何在没有用户确认的情况下从C＃或javascript打印HTML文档？ 如何将Javascript数据打印到HTML DOM中？
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM