JavaScript - 如何在圖像到達頁面頂部時使用警報？

Question

我是新來的編程，我試圖用火箭做一種比賽。火箭必須到達頁面頂部，當它到達頁面頂部時，我想要一個警報出來（？）。這樣做的最好方法是什麼？提前致謝！

我編輯了我的文章，我用「if」就在我的功能下降了..但它不工作。

function leftArrowPressed() { 
     var element = document.getElementById("image1"); 
     element.style.left = parseInt(element.style.left) - 5 + 'px'; 
     } 

     function rightArrowPressed() { 
     var element = document.getElementById("image1"); 
     element.style.left = parseInt(element.style.left) + 5 + 'px'; 

     } 

     function upArrowPressed() { 
     var element = document.getElementById("image1"); 
     element.style.top = parseInt(element.style.top) - 5 + 'px'; 
     } 

     function downArrowPressed() { 
     var element = document.getElementById("image1"); 
     element.style.top = parseInt(element.style.top) + 5 + 'px'; 
     } 




     function moveSelection(evt) { 

      if(parseInt(element.style.top)==0) 
      { 
       alert("some text there"); 
      } 
      switch (evt.keyCode) { 
       case 37: 
       leftArrowPressed(); 
       break; 
       case 39: 
       rightArrowPressed(); 
       break; 
       case 38: 
       upArrowPressed(); 
       break; 
       case 40: 
       downArrowPressed(); 
       break; 
       } 
      }; 

    function docReady() 
    { 

     window.addEventListener('keydown', moveSelection); 
    } 

Answer 1

if(parseInt(document.getElementById("image1").style.top)<=0) 
{ 
alert("some text there"); 
} 

將其放置在moveSelection()，開關。