title: JavaScript/HTML: Changing an image border onclick
body: <p>I want to write a function that surrounds an image with a border frame each time i click on it. unf. i can't make it work. deny any typos cause i didn't copy paste it. the function works. but no affect is being made on the image when clicking on it. did i access the border attribute right?</p>
  
  <p>my function:</p>
  
  <pre><code>&lt;script&gt;
  
  function mark(imageId) {
      document.getElementById(imageId).style.border = "1";
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>my html body:</p>
  
  <pre><code>&lt;input id="imageId" src="\images\image1.png" onclick="mark(imageId)"/&gt;
  </code></pre>