Как переписать данный скрипт на чистый js?

Question

[Ratibor Shugaev]

Есть код на jquery, его нужно переписать на чистый js, чтобы не тащить с собой библиотеку. Как это лучше сделать, сохранив анимацию?
P.S Ждать загрузки DOM потребности нет.
Собственно, код:

$(document).ready(function(){
  
  $("a").on('click', function(event) {

    
    if (this.hash !== "") {
      
      event.preventDefault();

      
      var hash = this.hash;

     
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 1500) 
    } 
  });
});

Answer 1

[Владимир Куц]

youmightnotneedjquery.com

Comments

[Ratibor Shugaev]

Огромное спасибо!

[Роман]

Владимир Куц улыбнуло

Расставляю биты, управляю заряженными частицами

Answer 2

[Александр]

window.addEventListener('DOMContentLoaded', () => {
	const links = document.querySelectorAll('a');

	links.forEach(link => {
		link.addEventListener('click', event => {
			if (link.hash !== '') {
				event.preventDefault();

				const target = document.querySelector(link.hash);
				if (target) {
					target.scrollIntoView({
						behavior: 'smooth'
					});
				}
			}
		});
	});
});

А вообще просто html { scroll-behavior: smooth; } достаточно будет.

Comments

[Ratibor Shugaev]

Спасибо, но scroll-behavior не везде поддерживается, впрочем ваш вариант тоже подходит.