问题描述
我正在尝试增加除法运算的每次迭代的填充，每个除法迭代结果必须右移。 这是我的代码：
<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>
1楼
potatopeelings
0
2015-07-30 11:48:22
将递归输出包装在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>