Creating a Testimonial Slider Using HTML, CSS, and JavaScript #shorts

body {
font-family: Arial, sans-serif;
}

.testimonial-container {
max-width: 600px;
margin: 0 auto;
}

.testimonial {
display: none;
}

.testimonial.active {
display: block;
}

.buttons {
text-align: center;
}

.button {
border: none;
background-color: #007bff;
color: white;
padding: 10px 20px;
margin: 10px;
cursor: pointer;
}

.button.active {
background-color: #0056b3;
}

var index = 0;
var testimonials = document.getElementsByClassName(“testimonial”);
var buttons = document.getElementsByClassName(“button”);

function showTestimonial(idx) {
for (var i = 0; i < testimonials.length; i++) {
testimonials[i].classList.remove("active");
buttons[i].classList.remove("active");
}

testimonials[idx].classList.add("active");
buttons[idx].classList.add("active");
index = idx;
}