第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

在 HTML 中綁定 JS 金字塔

在 HTML 中綁定 JS 金字塔

森林海 2022-10-21 15:12:26
我使用創(chuàng)建了一個(gè)金字塔JavaScript，下面是我迄今為止使用 for 循環(huán)嘗試的代碼：function showPyramid() {    var rows = 5;    var output = '';    for (var i = 1; i <= rows; i++) { //Outer loop        for (var j = 1; j <= i; j++) { //Inner loop            output += '* ';        }        console.log(output);        document.getElementById('result').innerHTML = output;        output = '';    }}很基礎(chǔ)！但是我正在嘗試將結(jié)果與HTML元素綁定，例如使用div如下：document.getElementById('result').innerHTML = output;相反，它連續(xù)顯示五顆星，而不是在控制臺(tái)中看到的 JS 格式。我在這里缺少什么嗎？完整代碼：<head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Pyramid</title>  <script>    function showPyramid() {      var rows = 5;      var output = '';      for (var i = 1; i <= rows; i++) {        for (var j = 1; j <= i; j++) {          output += '* ';        }        console.log(output);        document.getElementById('result').innerHTML = output;        output = '';      }    }  </script></head><body onload="showPyramid();">  <h1>Pyramid</h1>  <div id="result"></div></body>
查看完整描述

2 回答

?
慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

目前，您innerHTML在每次循環(huán)迭代結(jié)束時(shí)重置；要么使用+=附加 HTML，要么先將所有輸出附加在一起，然后設(shè)置innerHTML. 此外，您將需要使用<br>標(biāo)簽在HTML.


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Pyramid</title>

<script>

function showPyramid() {

    var rows = 5;

    var output = '';


    for (var i = 1; i <= rows; i++) {

        for (var j = 1; j <= i; j++) {

            output += '* ';

        }

        output += "<br/>";

    }

    document.getElementById('result').innerHTML += output;

}

</script>

</head>

<body onload="showPyramid();">

<h1>Pyramid</h1>

<div id = "result"></div>

</body>

</html>


查看完整回答
反對(duì) 回復(fù) 2022-10-21
?
湖上湖

TA貢獻(xiàn)2003條經(jīng)驗(yàn) 獲得超2個(gè)贊

const result = document.querySelector("#result");


function generatePyramid(max = 5) {

  result.innerHTML = "";


  const length = 2 * max - 1;


  for (let i = 1; i <= max; i++) {

    let s = "*".repeat(i).split("").join(" ");


    s = s.padStart(

      s.length + Math.floor((length - s.length) / 2)

    ).padEnd(length);



    const div = document.createElement("div");

    div.innerHTML = s.replace(/\s/g, "&nbsp;");


    result.appendChild(div);

  }

}


// generatePyramid(); // base 5 stars

generatePyramid(11); // base 11 stars

// generatePyramid(21); // base 21 stars

<h1>Pyramid</h1>

<div id="result"></div>


查看完整回答
反對(duì) 回復(fù) 2022-10-21
  • 2 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)