title: onclick not working for a button
body: <p>I have written this html code to move image up &amp; down when respective button is clicked, but the image is not moving after clicking the buttons, I can't use javascript so is there any solution without using javascript?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
      &lt;head&gt;
          &lt;title&gt;Move Image&lt;/title&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;img id="img" style="position:absolute; top:0%; left:0%" src="plane.png" width="300" height="100"&gt;
          &lt;button type="button" onclick="document.getElementById("img").style.top="0%";" style="position:absolute; top:90%; left:87%"&gt;UP&lt;/button&gt;
          &lt;button type="button" onclick="document.getElementById("img").style.top="75%";" style="position:absolute; top:90%; left:90%"&gt;DOWN&lt;/button&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>