我正在使用表中的javascript进行任务。我正在尝试添加订单列表，但卡在了该代码中。当单击按钮时，表格显示我已经达到了。但是它应该以数字显示的东西我也需要添加订单列表。请任何可以帮助我解决这些问题的人。从这里获取Inspiration，但是我的代码无效codepen。请有人指出正确的方向。
谢谢。
<html>
<head></head>
<body>
<h3>JavaScript Programming</h3>
<hr/>
<input type="button" onclick="f1()" value="Get Data" />
<br/>
<br/>
<table id="table1" border="2">
</table>
<script>
function f1() {
var ar = ["HTML5", "CSS3", "JavaScript", "Angular JS", "Node JS", "Express JS"];
var str = "";
for(var i in ar)
{
str = str + "<tr><td>" + ar[i] + " </td> </tr>";
}
var obj = document.getElementById("table1");
obj.innerHTML = str;
}
</script>
</body>
</html>
您必须首先将listOfList定义为数组
const listOfList = []
和第二更改元素由str
listOfList.push("<li>" + str + "</li>");
function f1() {
const listOfList = [];
var ar = ["HTML5", "CSS3", "JavaScript", "Angular JS", "Node JS", "Express JS"];
var list = document.getElementById("list")
var str = "";
for (var i in ar) {
str = str + "<tr><td>" + ar[i] + " </td> </tr>";
listOfList.push("<li>" + str + "</li>");
}
var obj = document.getElementById("table1");
obj.innerHTML = str;
list.innerHTML = listOfList.join('');
}<html>
<head></head>
<body>
<h3>JavaScript Programming</h3>
<hr/>
<input type="button" onclick="f1()" value="Get Data" />
<br/>
<br/>
<table id="table1" border="2">
<ol id="list"></ol>
</table>
</body>
</html>