js写一段h5代码的循环逻辑

好的，以下是一个简单的JavaScript循环逻辑，用于在HTML页面中生成一个包含数字1到10的有序列表：

HTML部分：

<ol id="myList"></ol>

JavaScript部分：

// 获取id为"myList"的有序列表元素
var myList = document.getElementById("myList");

// 循环10次，生成10个列表项
for (var i = 1; i <= 10; i++) {
  // 创建一个新的列表项元素
  var listItem = document.createElement("li");

  // 设置列表项的文本内容为当前循环变量i的值
  listItem.textContent = i;

  // 将新的列表项添加到有序列表中
  myList.appendChild(listItem);
}

在以上代码中，我们使用了`document.getElementById()`方法获取了页面中的有序列表元素，并通过`for`循环生成了10个包含数字1到10的列表项。在循环中，我们使用了`document.createElement()`方法创建了新的列表项元素，并使用`textContent`属性将当前循环变量`i`的值设置为列表项的文本内容。最后，我们使用`appendChild()`方法将新的列表项添加到有序列表中。