堆棧內存溢出
  簡體   English   中英

如何打印 function 從 JavaScript 到 html

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

 原文  2022-04-29 09:40:59  1   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