如何从javascript对象数组中制作滑块？

var sliderData = [
  {
    title: "Slide 1",
    description: "This is the first slide",
    image: "slide1.jpg"
  },
  {
    title: "Slide 2",
    description: "This is the second slide",
    image: "slide2.jpg"
  },
  // 添加更多滑块对象...
];

function createSliderItem(slide) {
  var html = '<div class="slider-item">';
  html += '<h2>' + slide.title + '</h2>';
  html += '<p>' + slide.description + '</p>';
  html += '<img src="' + slide.image + '" alt="' + slide.title + '">';
  html += '</div>';
  return html;
}

function renderSlider() {
  var container = document.getElementById("slider-container");
  var html = '';
  for (var i = 0; i < sliderData.length; i++) {
    html += createSliderItem(sliderData[i]);
  }
  container.innerHTML = html;
}

window.onload = function() {
  renderSlider();
};