根据输入显示多个div

是一个前端开发的需求，可以通过以下步骤来实现：

1. HTML结构：首先，在HTML文件中创建一个容器，例如一个div元素，用于包裹多个要显示的div。给这个容器设置一个唯一的id，方便后续的操作。

<div id="container"></div>

1. JavaScript处理：使用JavaScript来动态生成多个div，并将它们添加到容器中。可以通过以下代码实现：

// 获取容器元素
var container = document.getElementById("container");

// 根据输入生成多个div
function generateDivs(num) {
  for (var i = 0; i < num; i++) {
    var div = document.createElement("div");
    div.textContent = "这是第 " + (i + 1) + " 个div";
    container.appendChild(div);
  }
}

// 根据输入调用生成div的函数
var input = prompt("请输入要显示的div数量：");
generateDivs(parseInt(input));

上述代码中，首先通过document.getElementById方法获取到容器元素，然后定义了一个generateDivs函数，该函数根据输入的数量动态生成相应数量的div，并将它们添加到容器中。最后，通过prompt方法获取用户输入的数量，并将其转换为整数类型后传递给generateDivs函数。

1. CSS样式：根据需要对生成的div进行样式设置，例如设置背景颜色、边框样式等。可以通过CSS来实现，具体样式根据需求自行调整。

div {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 10px;
}

上述CSS样式设置了生成的div的背景颜色为浅灰色，边框为灰色实线，内边距为10px，下边距为10px，以便在视觉上区分每个div。

至此，根据输入显示多个div的需求已经实现。根据具体的应用场景和需求，可以进一步优化和扩展代码，例如添加动画效果、响应式布局等。