javascript - 如何在Javascript中的字符串末尾添加空格

标签 javascript html string

我正在编写一个基于用户输入创建倾斜 d 的程序。
该程序询问行数并相应地产生输出。
如果用户输入 5 它应该产生一个输出:

d
 d
  d
   d

我的实际输出是:
d
d
d
d

这是我的 Javascript 代码:
spaceArray = []; 
space = ' '; 
spaceMain = ' ';


function processingFunction(rows){ //passes the input as variable rows
    var spaceCounter = 0;          
    var counter = 0;               

    while (counter<rows){    
        while (spaceCounter<counter){ 
            spaceMain = spaceMain + space;  //adds a space before the d
            spaceCounter++;         
        }
        counter++; 
        spaceCounter=0; 
        spaceArray.push(spaceMain);  //adds spaceMain to the end of spaceArray
        spaceMain = ' '; 
    }

    for (i = 0; i<rows; i++){
        d = spaceArray[i]+"d<br>";
        document.getElementById("outputNumber1").innerHTML += d;                                                                                                   
    }

}

当我将空间变量字符串从 ' ' 替换为 '-' 时,它似乎可以使用以下输出:
d
-d
--d
---d

我不确定我需要更改什么才能获得上述输出,但使用空格而不是破折号。

HTML:
<!DOCTYPE>
<html>
<head>
</head>
<style>
    body{background-color: green;} 

</style>

<body>
    <center><h2>Slanted d</h2></center>
    <h3>Input the number of rows you would like your slanted d to be in the input text box</h3>
    <input type="text" id="inputNumber"></input> 
    <button type="button" onclick="processingFunction(document.getElementById('inputNumber').value)">Create slanted d</button> 
    <br><br>
    <output type="text" id="outputNumber1"></output>

<script src="slantedDJS.js"></script>

</body>
</html>

最佳答案

使用 html 代码 &nbsp; 代替空格您的代码将开始工作,因为默认情况下,无论您给出多少,浏览器都只接受一个空格。
例子:

space = '&nbsp;'; 

关于javascript - 如何在Javascript中的字符串末尾添加空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42599063/

相关文章:

javascript - 按钮的OnClick,增加div,可为javascript中的每个字段提供动态ID

html - 我如何居中水平导航菜单而不拆分每个链接

PHP - 如何从回显字符串中删除文本和格式?

java - Java替代变量

javascript - RaphaelJS - 获取所有元素

javascript - Jquery在加载CSS ddsmoothmenu之前显示UL列表结构

javascript - 使用marked.js保留链接中断

javascript - 避免在 jquery 按钮的类似任务上重复太多代码

javascript - Onclick仅重新加载div

regex - perl 解析格式错误的括号文本