如何在Javascript中增加每次迭代的填充
How to increase padding for every iteration in Javascript?
我试图为除法操作的每次迭代增加填充,每个除法迭代结果必须右移。下面是我的代码:
<script>
function test(n,m){
var x = "";
var y = n/m;
var z = Math.floor(y)*m;
var p = n%m;
var t = document.querySelector("#demo");
t.style.paddingLeft = "5%";
if(n<m)
{
return "";
}
else
{
x = m +"|"+n+"|"+Math.floor(y)+"<br>"+"   "+z+" <br>"+"  "+"___"+"<br>"+"    "+p;
return (x +"<br>"+ test(Math.floor(y),m));
}
}
</script>
Enter The Divident: <input type="text" id="num" size="20"> <br> <br>
Enter The Divisior: <input type="text" id="numb" size="20"><br>
<button onclick="document.getElementById('demo').innerHTML= test(parseInt(document.getElementById('num').value),parseInt(document.getElementB yId('numb').value));">Try it</button> <br> <br>
<div id="demo" style="border:0px solid black; margin-left:0px">
</div>
将递归输出包装在div中,并使用CSS添加填充,如下所示
CSS<style>
#demo div {
padding-left: 5%;
}
</style>
(稍微)修改代码
<script>
function test(n, m) {
var x = "";
var y = n / m;
var z = Math.floor(y) * m;
var p = n % m;
var t = document.querySelector("#demo");
if (n < m) {
return "";
}
else {
x = m + "|" + n + "|" + Math.floor(y) + "<br>" + "   " + z + " <br>" + "  " + "___" + "<br>" + "    " + p;
return (x + "<div>" + test(Math.floor(y), m) + "</div>");
}
}
</script>
Enter The Divident: <input type="text" id="num" size="20"> <br> <br>
Enter The Divisior: <input type="text" id="numb" size="20"><br>
<button onclick="document.getElementById('demo').innerHTML=test(parseInt(document.getElementById('num').value),parseInt(document.getElementById('numb').value));">Try it</button> <br> <br>
<div id="demo" style="border:0px solid black; margin-left:0px"></div>
相关文章:
- 如何在javascript中迭代数字列表
- JS:检查URL中的参数,然后迭代一个参数为var的函数
- 如何迭代Array.prototype函数
- 如何使用jquery迭代具有相同属性的html元素并查找onclick事件
- 在ejs-partial中对JSON对象进行迭代
- 如何在DataTables 2.1中迭代对象数组
- 使用递归属性迭代保留属性结构
- 正在停止.在jquery中的特定时间间隔内,每次迭代的每次执行
- 如果30秒未单击,请应用CSS一次,将其删除,然后重新迭代
- 主干-从模板中迭代的集合中获取特定的模型
- 创建一个方法,通过一个窗口进行迭代并获取Titanium中的所有控件
- 什么's是在javascript中迭代项的最佳方式
- 为什么这只是迭代 HTMLCollection 的奇怪元素
- 是否“;对于的“;循环迭代遵循JavaScript中的数组顺序
- 根据Dropdown 1的选择以及选择子选项时如何迭代填充Dropdown 2
- 在填充迭代器之前,角度 ng 重复渲染模板
- 用ng重复或ng模型填充一个文本区域,这样它就不会用迭代的数据一个接一个地创建新的文本区域
- 如何保存每次迭代的值并相应地填充html行
- 如何实现迭代的、填充数组的Angular 2输入
- 如何在Javascript中增加每次迭代的填充