我正在尝试制作一个页面,显示从 1 美元到 10 美元的转换,美元兑换美元,并使用 while 循环但在表格内打印,但到目前为止我还没有成功。我创建的代码是这样的:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TablaDolar</title>
</head>
<body>
<table width="200" border="1">
<tbody>
<tr>
<td>Dolares</td>
<td>Monto</td>
</tr>
</tbody>
</table>
<script>
var monto = 0;
var dolar = 17,10;
var a = "";
var vueltas = 0;
while(vueltas < 10){
a = "<table width="200" border="1">"
+ "<tbody>"
+ "<tr>"
+ "<td>" + dolar + "</td>"
+ "<td>" + monto + "</td>"
+ "</tr>"
+ "</tbody>"
+ "</table>";
document.write(a);
vueltas ++;
dolar +;
monto ++;
}
金额表示正在转换的美元金额美元表示美元的比索价值
干杯!!
您的代码中有几个错误,首先
17,10
您必须将其更改为17.10
.您还有一个错字
dolar +;
,这会引发错误。如果要
"
在字符串中使用双引号,则必须以这种方式对其进行转义\"
或使用单引号对其进行封装,有多种选择。最后,正如Elberth Agreda所说,表头必须在一段时间之外。
该代码或多或少可以解决您提出的问题:
在您的代码中发现了几个错误。
17,10
: 错误声明小数,将点 (.
) 视为小数分隔符dolar +;
:滥用增量器,你应该考虑i++;
为了解决您的问题,它将构建表格的主体,然后将其分配给 element
tbody
,为此我放置了 idcontenedor
并通过该方法documento.getElementById()
查找容器并将innerHTML
表格的主体分配给它的属性。参考:
另一种方法是:
有时
+=
会影响性能,例如,在第十次迭代中,它会是这样的:换句话说,九行等于九行加上另一行,实际上,多亏了JS,这不是这样的问题,但是当有很多迭代时,就不是这样了。
另一方面,在使用时,
push()
您不必使用所有以前的元素,只需使用最后一个元素。但实际上,对于您的示例,您可以使用最适合您的示例,因为这种性能确实没有太大问题。
表头应该在 while 之外,如下所示: