<button class="back-to-top-btn" onclick="scrollToTop()">

Back to Top

</button>

.back-to-top-btn {

Display: none;

Position: fixed;

Bottom: 20px;

Right: 20px;

Padding: 10px;

Background-color: #FF6A75;

Color: #FFF;

Border: none;

Border-radius: 5px;

Font-weight: bold;

Cursor: pointer;

.back-to-top-btn.show {

Display: block;

Window.onscroll = function() {

showBackToTopButton();

};

Function showBackToTopButton() {

Var button = document.querySelector(‘.back-to-top-btn’);

If (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {

 Button.classList.add(‘show’);

} else {

Button.classList.remove(‘show’);

Function scrollToTop() {

Document.body.scrollTop = 0;

Document.documentElement.scrollTop = 0;

window.addEventListener('scroll', function() {

var backToTopBtn = document.getElementById('back-to-top-btn');

if (window.pageYOffset > 300) {

backToTopBtn.classList.add('show');

} else {

backToTopBtn.classList.remove('show');

});

document.getElementById('back-to-top-btn').addEventListener('click', function(e) {

e.preventDefault();

window.scrollTo({ top: 0, behavior: 'smooth' });

});