Блог

почему это не сработает? в моем случае я использую Amp-скрипт, журнал успешно работает, но на самом деле не работает пример кода:

 <amp-script script="btn-obs" layout="responsive" height="300" width="300" >
    <input class="load-more" id="btnloadmore" type="submit" value="TEST BTN" on="tap:formme.submit" tabindex="0" role="button"> 
</amp-script>

<script id="btn-obs" type="text/plain" target="amp-script">
    const loadmore = document.querySelector('#btnloadmore');
    
    loadmore.addEventListener("click", () => {
       console.log("cliked");
    });
    var left;
    var right;
    var bottom;
    var top;
       window.addEventListener("scroll", function(event){
       let target = loadmore;
       target.getBoundingClientRectAsync().then(coords => {
           left = coords.left; 
           top = coords.top;
           bottom = coords.bottom;
           right = coords.right;
          });
          
          
          
        const isInViewport = top >= 0 amp;amp;
        left >= 0 amp;amp;
        bottom <= (window.innerHeight || document.documentElement.clientHeight) amp;amp;
        right <= (window.innerWidth || document.documentElement.clientWidth);
        
        
        if(isInViewport == true){
            loadmore.click();
            console.log("yes")
        }
    });
</script>
 

и я получил ошибку, как:

[amp-скрипт] Ошибка неперехваченного типа: Не удается прочитать свойства неопределенного (чтение «щелчок»)