jquery改成原生js怎么做呢？

Question

<script type="text/javascript">
    // 回到顶部相关js代码
    //滑动页面超过一个屏幕的高度时 则显示 回到顶部元素
    $(window).scroll(function(){
        $(this).scrollTop()>=$(window).height()?$('.common-backtop-link').show():$('.common-backtop-link').hide();
    })
    // $('.common-backtop-link').show();//默认显示回到顶部元素

    //点击回到顶部
    $(document).on('click','.common-backtop-link',function(){
        $("html,body").animate({
            scrollTop:0
        },300);
    })
</script>

Answer 1

<script>
    let elem = document.getElementsByClassName('common-backtop-link')
    window.onscroll = function () {
        elem[0].style.cssText = document.documentElement.scrollTop > window.screen.height?'display: block;':'display: none;';
    }
    elem[0].onclick = function () {
        document.documentElement.scrollTop = 0
    }
</script>