title: HTML button click change the background color of the row
body: <p>I have an HTML table that has a button on every row. The objective here is when a button is clicked, the whole row will got the background color changed. 
  The code is:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;Value1&lt;/td&gt;
          &lt;td&gt;Value2&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" value="press" onclick="myFunction(this)" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Value3&lt;/td&gt;
          &lt;td&gt;Value4&lt;/td&gt;
          &lt;td&gt;
              &lt;input type="button" value="press" onclick="myFunction(this)" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;script type="text/javascript"&gt;
      function myFunction(e) {
          //change the background color of the row
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Can you help me with this? Thanks!</p>
  
  <p></p>