por qué no puedo agregar una clase a div en el desplazamiento usando este código en Javascript. Busqué en Google pero solo puedo encontrarlo mediante jquery, que no entiendo.
var pbar = document.getElementsByClassName("bar_ani"); window.onscroll = function () { if (window.scrollY > 20) { pbar.classList.add("animate-scroll"); } } .animate-scroll{ animation: progress 0.5s ease linear; } @keyframes progress { from{ width: 0%; } } <div class="progress"> <div class="progress_bar bar_ani" role="progressbar" style="width: 90%;background-color:cyan" aria-valuenow="70" aria-valuemin="0" aria-valuemax="70"> </div> </div>texto fuerte
document.getElementsByClassName("bar_ani") devuelve una matriz, por lo que debe usar pbar[0].classList.add() en lugar de pbar.classList.add() .